css-specificity

0热度

2回答

我可以使用两个子选择器“.foo> a.bar> a”，它类似于“.foo.bar”吗？

我正在制作一个菜单列表，并希望在当前活动页面的选项卡上进行颜色更改。 .menu>li>a {color: red;} .menu>li>a.active>a {color: blue;} <ul class="menu"> <li class="active"><a href="">active page</a></li> <li><a href="">anot

3热度

3回答

我可以使用身体两次吗？

我有一些格样式的CSS文件，这个CSS有一个身体，像这样： css1.css body{ background-color:#000; } #div1{ ... } #div2{ ... } 在一个页面中我想用一些div是在css1.css但具有不同的身体颜色。所以我为此创造另一个CSS： css2.css body{ background-color:#fff; }

1热度

1回答

特异性（）和第一子选择

所以我们下面的例子中约not()和p:first-child{} selectors.Here是例如： <!DOCTYPE html> <html> <head> <style> p:first-child{ color: red; } p:not(a){ color: green; } </style> </head> <body> <p>This a par

0热度

2回答

p：树TreeNode背景色

我有以下情形：我想使用PrimeFaces构建网站。以下部分呈现白色，但应为红色。 <p:tree value="#{index.root}" var="node" style="width: 100%"> <p:treeNode type="FAIL" styleClass="fail"> <span style="cursor: pointer;"

2热度

1回答

CSS通用选择器（*）特异性

我试图弄清楚为什么.x比*.x具有更高的特异性，因为后者有望获胜。是不是*.x应该有一个具体的0-0-1-1（1类，1标签），而.x只是一个类0-0-1-0？考虑以下基本代码： *.x { color: blue; } .x { color: red } <p class="x">Lorem ipsum dolor sit amet, consectetur adipisicing

2热度

4回答

我如何给一个CSS类优先级的ID？

我有这样一个元素： #idname{ border: 2px solid black; } .classname{ border: 2px solid gray; } <div id = "idname" class="classname">it is a test</div> 我想给一个更大的优先考虑它的CSS类，而不是它的CSS ID。可能吗

3热度

4回答

为什么身体上的背景颜色不起作用？

在浏览器中查看下面的代码时，背景是白色的。通用选择器*具有lowest specificity，并且body选择器位于通用选择器之后。它不应该是灰色的吗？ * { background-color: white; } body { background-color: grey; }

0热度

4回答

如何优先考虑CSS类？

我引用一些引导样式表，并有一个为 .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align:

0热度

3回答

想不通，为什么我们的CSS特异性不工作

所以我有以下代码： <ul class="shopping-list" id="awesome"> <li><span>Milk</span></li> <li class="favorite" id="must-buy"><span class="highlight">Sausage</span></li> </ul> <style> ul#awesome {

1热度

1回答

如何在SCSS中否决@extend指令？

我有按钮组内的按钮。按钮组具有不同的尺寸，例如button-group-large。我的目标是避免必须通过让它从按钮组中推断出大小来明确设置按钮组中每个按钮的大小。也就是说，不是 <div class="button-group-large"> <button class="button-large">Foo</button> <button class="button-lar