CSS在所有页面的占位符中，除了一个：howto？

嗨，我们有我们婉设置CSSCSS在所有页面的占位符中，除了一个：howto？

.cms-index-noroute .col-main .std {font-weight: bold} 
.cms-index-list .col-main .std {font-weight: bold} 
.cms-index-view .col-main .std {font-weight: bold}

我们宁愿写CSS像

.col-main .std {font-weight: bold}

多页，但有一个问题，它打破了选择

网页上的所有

.cms-index-index

问：是否有一个CSS符号有.col-main .std {font-weight: bold} WOR k在所有页面上除外它驻留的页面在.cms-index-index占位符。

来源

2014-11-04 snh_nl

这是什么标记？哪些元素有相关的类？ – 2014-11-04 15:43:16

全部DIV ........... – 2014-11-04 16:20:02

你可以使用:not()与child combinator，假设.cms-index-index是.col-main父：

:not(.cms-index-index) > .col-main .std { 
 
    font-weight: bold; 
 
}

<div class='cms-index-noroute'><span class='col-main'><span class='std'>Span 1</span></span></div> 
 
<div class='cms-index-list'><span class='col-main'><span class='std'>Span 2</span></span></div> 
 
<div class='cms-index-view'><span class='col-main'><span class='std'>Span 3</span></span></div> 
 
<div class='cms-index-index'><span class='col-main'><span class='std'>Span 4</span></span></div>

来源

2014-11-04 15:38:24 George

NOT可以容纳多个选择器吗？ – 2014-11-04 16:24:16

@snh_nl是的，只需用逗号分开你的选择器。 – George 2014-11-04 19:43:40

Check out this fiddle：

.col-main .std { 
    font-weight: bold 
} 
.cms-index-index .col-main .std { 
    font-weight: normal 
}

选择器是更具体的会覆盖上不是。

来源

2014-11-04 15:47:53 austinthedeveloper

谢谢。不过，我问，因为有数以百计的CSS行适用于.std和许多范围内的父选择器。因此，我正在寻找一种不使所有代码翻倍的方法。像“除非” – 2014-11-04 16:22:56

CSS在所有页面的占位符中，除了一个：howto？

回答

相关问题