相关疑难解决方法(0)

我创建了一个覆盖页面上某些元素的悬停的函数.它在正常和悬停效果之间消失.我必须在我的CSS文件中创建一个.hover类.我觉得这有点不干净.我怎么能读到:hover伪类内容？

我刚刚学会了一点jQuery,并试图将它用于简单的变色效果.假设我有两个<div> s,#foo和#bar.#foo有很多URL,并定义了以下CSS:

#foo a {color: blue; border-bottom: 1px dashed blue}
#foo a:hover {color: black; border-bottom: 1px solid black}

现在我想在用户单击#bar时更改#foo中链接的颜色(a:link),但保持a:hover颜色不变,所以我写这样的函数:

//...
$("#bar").click(function () {
  $("#foo a").css("color", "red");
});
//...

问题是,虽然此功能确实将所有链接更改为红色,但是a:悬停颜色丢失,即当用户将光标移动到链接时,它们将保持红色,而不是像我预期的那样变黑.

因为我看到jQuery所做的是<a在#foo中将内联样式放到> s中,使它们成为<a style="color:red;" href="...">,我想这将覆盖:hover伪类.由于伪类的内联样式attr还没有被任何人实现,我怀疑我是否可以完全达到预期的效果......

还有,有什么解决方案不要求我写这样的东西

$("#foo a").hover(
    function(){ $(this).css("color", "black");},
    function(){ $(this).css("color", "blue");}
)

？

谢谢.

是否可以动态设置伪元素的CSS？例如:

jQuery动态样式帮助容器

$('#help').css({
    "width" : windowWidth - xOffset,
    "height" : windowHeight - yOffset,
    "bottom" : -windowHeight,
    "left" : 200
});

jQuery尝试设置帮助容器的内部边框:

$('#help:before').css({
    "width" : windowWidth - xOffset,
    "height" : windowHeight - yOffset
});

上面的CSS文件

#help
{
    opacity: 0.9;
    filter:alpha(opacity=90);   
    -moz-opacity: 0.9;          
    z-index: 1000000;
    bottom: -550px;
    left: 400px;
    background-color: #808080;
    border: 5px dashed #494949;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;        
}
#help:before 
{
    border: 5px solid white;
    content: '';
    position: absolute;
    -webkit-border-radius: …

我有一个里面有段落的div:

<div>
  <p>...</p>
  <p>...</p>
</div>

我想动态地将某个样式应用于此div中的段落.是否可以在不处理每个段落元素的情况下执行此操作,但只是将某种样式附加到div元素并且所有内部段落都会受到影响？

也许用jquery.

听起来像是样式表的动态变化,它可能吗？

答案评论中的正确建议.

谢谢.

我有:

<style id=inlinestyle>
    .container {
        height: 0;
    }
    .container li {
        height: 10px;
    }
    .container li a {
                 color: pink;
    }
</style>

我希望能够在不丢失其他风格的情况下定位和编辑`.container li a'.

 $('#inlinestyle').html('#poop { color: red }');

这不会起作用,因为我会失去那里的一切.

值得一提的是,我将创建无限量的元素,因此内联样式不是一种选择.

为什么这个代码段无法在按钮上运行？我该怎么做才能正确？

$('div.button:after').css({
    display:'none'
})

我正在WYSIWYG广告制作工具中尝试按照以下方式设置第一个字母(Hello中的"H"),内联JS,我只限于此.

<script>
  div.innerHTML = unit.greeting;  //string value 
  div.style.color = "gray";    //works
  div.firstLetter.style.color = "orange";   // doesnt work
</script>

.

WYSIWYG输出:

 <div>
    Hello
 </div>