<style>
:not(div p), p{
color: red
}
</style>
<p>This is a paragraph that should be red.</p>
<div><p>This is a paragraph that should not be red.</p></div>
是否可以使用css 选择器(在本例中)将所有<p>颜色变为红色,除了任何<p>而不是<div>。
我运行了几个不同的变奏曲,但无法使它工作?!
我一直在使用:not()伪类对事物进行样式化,而不需要用第二个不必要的声明来覆盖它来撤销第一个声明,但现在我遇到了一种奇怪的行为,即Safari在:not()中接受后代选择器,但Chrome不接受。
我用了像a:not(.blue a)这样的东西。
我寻找答案,但我仍然不完全理解原因。
后代选择器真的被规范所允许吗?
下面是一个演示:
a:not(.blue a) {
color: red;
}
<div><a>this one should be in red</a></div>
<div class="blue"&g
我需要做什么才能使[id^=value]选择器具有与常规ID相同的特异性,为什么它还不相等或更大?(考虑到我也给了它html )
html div[id^="blue"] {
background-color: blue
}
#blue4 {
background-color: red
}
:jsfiddle
是否有可能设置CSS选择器的特性,而不是仅由组成它的选择器的计数来确定?也就是说,如果我有两个这样的选择器(显示计算的特异性):
UL OL LI /* a=0 b=0 c=3 -> specificity = 3 */
UL OL LI.red /* a=0 b=1 c=3 -> specificity = 13 */
(中的例子)
是否有任何方法将第一个示例更改为此,以便平衡这两个选择器的特性,而不添加任意的类选择器:
UL OL LI /* a=0 b=1 c=3 -> specificity = 13 */
-或者-
UL
我正在寻找一种与.bloc + .bloc或.article + .article等效的方法,但直接从bloc-article()中提取:
@mixin bloc-article() {
margin-top: 20px;
margin-top: 50px;
& + "bloc-article()" { // is there a "$this"-like to make an equivalent to `.bloc + .bloc` or `.article + .article` here ?
borde
我想知道为什么这个">“选择器在下面的例子中不起作用
nav > ul > li > ul > li > a{
color: red;
}
但在这种情况下确实有效
nav > ul > li > ul > li > a.item{
color: red;
}
.a是li的直接后代,为什么我必须指定类名。难道它不应该得到李氏的孩子吗?哪一个是.a
我刚刚意识到,如果我只提供上面的信息,但是如果我在上面的代码之前加入了css的其余部分,那么仅仅放置.a就不起作用