对除了SPECIFIC ID之外的所有元素应用CSS样式 [英] Apply CSS Style on all elements except with a SPECIFIC ID
本文介绍了对除了SPECIFIC ID之外的所有元素应用CSS样式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
CSS代码(我需要的)
< style&
div [id!='div1'] //我实际上需要一个不等式运算符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 selector:
div:not(#div1){
color:red;
}
更新: name
而不是 code>:
div:not([name = div1]){
color:red;
}
更新: CSS2选择器,类似于 Tom Heard-s的回答:
div {
color:red;
}
div [name =div1] {
color:blue;
}
另请参阅 selectivizr p>
CSS Code(what I need)
<style>
div[id!='div1']// I actually needed an inequality operator for NOT EQUAL TO
{
font-size:40px;
}
</style>
HTML code
<body>
<div>abc</div>
<div>def</div>
<div id='div1'>ghi</div>
</body>
The CSS didn't work as I intended.
I actually wanted to define the style for all <div>
-elements except the one with id='div1'
.
How can I do that?
解决方案
Use the :not selector:
div:not(#div1){
color:red;
}
Update : name
instead of ID
:
div:not([name=div1]){
color:red;
}
Update: CSS2 selector, similar answer to Tom Heard-s:
div{
color:red;
}
div[name="div1"]{
color:blue;
}
Also, see selectivizr
这篇关于对除了SPECIFIC ID之外的所有元素应用CSS样式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文