当前位置: 首页 > 面试题库 >

将CSS样式应用于除具有特定ID之外的所有元素

时旭东
2023-03-14
问题内容

CSS代码(我需要什么)

<style>
    div[id!='div1']// I actually needed an inequality operator for NOT EQUAL TO
    {
        font-size:40px;
    }
</style>

HTML代码

<body>
    <div>abc</div>
    <div>def</div>
    <div id='div1'>ghi</div>
</body>

CSS没有按我的预期工作。

我实际上想为所有<div>元素定义样式,但带有的样式除外id='div1'

我怎样才能做到这一点?


问题答案:

使用:not选择器:

div:not(#bar){

    color:red;

}


<div>foo</div>

<div id="bar">bar</div>

更新:name而不是ID

div:not([name="bar"]){

    color:red;

}


<div>foo</div>

<div name="bar">bar</div>

更新: CSS2选择器 ,类似于 Tom Heard-s的 答案:

div{

    color:red;

}



div[name="bar"]{

    color:blue;

}


<div>foo</div>

<div name="bar">bar</div>


 类似资料:
  • 问题内容: 我想将CSS文件应用于页面中的具体DIV。这是页面结构: 我试图应用CSS文件的规则来编辑它(CSS文件太大): 但是该解决方案不起作用。那么,我该怎么做呢? 问题答案: 您可以尝试: 等等,这就是您想要的吗?

  • 问题内容: 如何使用jQuery选择应用了特定CSS属性的所有元素?例如: 如何通过名为“四舍五入”的属性进行选择? CSS类名非常灵活。 如何将这两个操作替换为一个操作。也许是这样的: 有什么更好的方法吗? 问题答案: 您不能(使用CSS选择器)根据已应用于它们的CSS属性来选择元素。 如果您想手动执行此操作,则可以选择文档中的每个元素,在它们上循环,然后检查您感兴趣的属性的计算值(尽管这可能仅

  • 问题内容: 我有一个元素。如何将CSS样式应用于此元素的所有子元素?我只想将样式应用于子元素。不是它的大孩子。 我可以用 这对所有孩子都有效,但我想对所有孩子都适用的解决方案。我以为我可以用,但是 不起作用。 编辑 该选择不使用Firefox 26应用规则,并有根据萤火没有其他规则的保证金。如果我替换为,它会起作用。 问题答案: 这些子元素的后代将(可能)继承分配给那些子元素的大多数样式。 您需要

  • 问题内容: 我是jQuery新手。我有以下代码: 它仅适用于带有的第一个,不适用于其他。如何将其应用于具有相同ID的所有元素? HTML: 问题答案: 元素的ID在中应该是唯一的。两个或多个元素具有相同的ID无效html。要在各个元素之间共享功能,请给它们分配一个公共类,而不要给它们相同的ID。如果您不能为它们分配一个通用类,则下面的解决方法将使您可以选择具有相同id属性的元素: 使用相同的ID

  • 问题内容: 我在带有一些中间件功能的node.js中使用Express框架: 我可以将函数与附加参数一起使用,以仅在特定路径上使用此中间件: 是否可以使用path变量,以便将中间件用于除特定路径(即根路径)以外的所有路径? 我在想这样的事情: 因此,总是调用除根路径以外的其他路径。 问题答案: 我会将checkUser中间件添加到我的除首页之外的所有路径中。 要么 您可以使用下划线扩展它,以在未经

  • 问题内容: 我有一个现有的网站,上面有很多用表格布置的旧页面和表格,我正尝试逐步过渡到CSS。我想使用Twitter Bootstrap样式表-特别是表单样式- 但仅在我明确要求它们的页面部分中使用。例如,我可能将整个表单围绕在div中,如下所示: 我希望所有其他形式保持与现在相同,因为我将无法同时更改所有形式。有没有简单的方法可以做到这一点?我可以遍历Bootstrap CSS中的每种样式,并添