我有一堆带有类名的元素red,但我似乎无法class="red"使用以下CSS规则选择第一个元素:

.red:first-child {
    border: 5px solid red;
}

<p class="red"></p>
<div class="red"></div>

这个选择器有什么问题,我该如何纠正？

感谢这些评论,我发现该元素必须是其父母的第一个孩子才能被选中,这与我的情况不同.我有以下结构,这条规则失败,如评论中所述:

.home .red:first-child {
    border: 1px solid red;
}

<div class="home">
    <span>blah</span>
    <p class="red">first</p>
    <p class="red">second</p>
    <p class="red">third</p>
    <p class="red">fourth</p>
</div>

我怎样才能让第一个孩子上课red？

标题几乎总结了它.

外部样式表具有以下代码:

td.EvenRow a{
  display: none !important;
}

我尝试过使用:

element.style.display = "inline";

和

element.style.display = "inline !important";

但都不起作用.是否可以使用javascript覆盖!important样式.

如果这会产生影响,那么这就是一个关键的扩展.

(这是在chrome扩展中使用内容脚本)

我需要覆盖网页标记为的一些css属性!important.这可能吗？

例如,如果我想摆脱标记为重要的边界:

$(".someclass").css('border','none'); //does not work

我有一个带有叠加声的对话框,如下所示:

     .ui-widget-overlay  {
         position: absolute;
         left: 8px;
         top: 9px;
         height: 985px !important;
         width: 518px !important; 
      }

我的页面将有两个不同的页面高度.为了解决这个问题,我在我的JS文件中完成了这个:

如果小的可见:

$('.ui-widget-overlay').css("height", "985px !important");

其他

$('.ui-widget-overlay').css("height", "1167px !important");

显然这不起作用.还有另一种方法可以过度骑行!important吗？

页面可以来回切换,所以我需要总是有一个或另一个.此外,如果我不添加!important到CSS,那么叠加将无限扩展(在Facebook中,所以我假设那里有一个问题)

有什么建议？

我想height使用jquery 申请特定的div但不能'!important'使用覆盖关键字jquery.

这是标记:

<div id="divL1" class="myclass">sometext here</div>
<div id="divL2" class="myclass">sometext here</div>
<div id="divL3" class="myclass">sometext here</div>
<div id="divL4" class="myclass">sometext here</div>

CSS:

.myclass{
 height:50px !important;
}

在这里我想找到class"myclass",其中divid等于"divL3"

我试过:

$('#divL3.myclass').css('height', '0px');

但不会工作!所以,如何覆盖'!important' css using jquery.

帮助赞赏!

如果我有这样的风格 -

?div#testdiv {position:absolute;top:10px !important;}?

我可以top像这样用jQuery 查询值 -

$("#testdiv").css("top");

这将返回值10px.是否可以使用jQuery或JavaScript来检查 top属性是否已!important应用该属性？

使用一个调用.jsp的插件,该插件使用外部托管的自己的样式表(它是一个yelp嵌入 - 试图操纵它的外观).我试图改变的一个元素上有一个!重要的标签,我似乎无法改变它......

我试过了

<script type="text/javascript">
   $('.elementToChange').css({'background-color':'black'});?
</script>

无济于事.想法？

我有一个应该有背景图像的元素,但是在我无法访问/修改的样式表中给出了以下样式:

#an-element li {
  background: none !important;
}

是否可以使用jQuery撤消该样式？我试图background: inhert!important用两种方式添加jQuery:添加内联样式,并删除应用的样式.都没有工作.

这是一个说明问题的小提琴:http://jsfiddle.net/9bJzk/1/

更新:我有错误的小提琴链接,请再看一遍.

更新2:我无法编辑样式表.我现在更改了标题.我必须使用jQuery,因为我无法控制CSS文件的加载顺序,但可以运行jQuery onload.

更新3:我无法使用更精确的CSS选择器(如选择器)明确设置'kitten'图片(请参阅小提琴),就像#an-element .image-list li有人建议这些图像正在即时写出一样.jsFiddle只是一个例子.为了使它更清晰:可以background: none使用PURE jQuery撤消效果,而不是编辑任何样式表.谢谢你坚持这个!

滚动有一个问题是不想显示其内容

如果我这样做

#callCenter{
    position:fixed;
    z-index:2411 !important;
    display:block !important; /* please note here !important */
    right:110px;

}

它显示,

但如果我这样做:(所以div被隐藏,直到另一个元素被点击)

#callCenter{
    position:fixed;
    z-index:2411 !important;
    right:110px;
}

和

$('#telefonosCabecera').click(function(){
    $("#callCenter").css('display','block!important'); // or 'block !important'
    alert('done')
});

我没有看到#callCenter但我确实看到了警报

任何想法为什么？

有没有办法使这个解决方案IE6和IE7兼容？

http://jsfiddle.net/kirkstrobeck/sDh7s/1/

从这个问题拉出来

我想我找到了一个真正的解决方案.我把它变成了一个新功能:

jQuery.style(name, value, priority);

你可以用它来获取值.style('name')一样.css('name'),获得与CSSStyleDeclaration上.style(),并设置值-有能力来指定优先级为"重要".请参阅https://developer.mozilla.org/en/DOM/CSSStyleDeclaration.

演示

var div = $('someDiv');
console.log(div.style('color'));
div.style('color', 'red');
console.log(div.style('color'));
div.style('color', 'blue', 'important');
console.log(div.style('color'));
console.log(div.style().getPropertyPriority('color'));

这是输出:

null
red
blue
important

功能

// For those who need them (< IE 9), add support for CSS functions
var isStyleFuncSupported = CSSStyleDeclaration.prototype.getPropertyValue != null;
if (!isStyleFuncSupported) {
    CSSStyleDeclaration.prototype.getPropertyValue = function(a) {
        return this.getAttribute(a);
    };
    CSSStyleDeclaration.prototype.setProperty = function(styleName, value, priority) {
        this.setAttribute(styleName,value);
        var priority = typeof priority …