问题标签 [css-specificity]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 在 javascript 中找出 css 选择器的特殊性
可能重复：
根据特定性对一组 CSS 选择器进行排序
有谁知道在 javascript 中找出 css 选择器的特殊性的方法？是否有一些库甚至浏览器支持？我希望 jquery 能提供一些东西，但就我查看源/文档而言，我没有找到任何东西。
自己写一个并不难，但我更喜欢经过验证的解决方案。css 选择器解析器也很有用。
我需要它来对一组通过特异性匹配相同元素的规则进行排序。
html - CSS 特异性和不推荐使用的 HTML 属性
如果有的话，以下应用的样式的隐含特性是什么：
它是否仍然获得specificity = 1,0,0,0并覆盖任何其他应用的样式？这将如何与适当的内联样式一起使用，即优先：
浏览器是否同意更喜欢style=""声明而不是无效的声明，或者还有其他事情发生？
注意：我只是对在这种情况下选择正确样式的机制感到好奇，但不提倡这样的声明。
css - CSS 特异性还是继承？
我在这里查看了类似的问题，但我没有找到一个特别针对我的案例的问题。
如果我正确阅读了这篇文章：http: //css-tricks.com/specifics-on-css-specificity/
那么正在发生的事情对我来说没有意义。有人可以解释这是由于地方，继承还是特殊性吗？我已经删除了所有不相关的 CSS。
CSS
HTML
我最终得到一个带有蓝色文本而不是白色的按钮。现在， a 是一个元素，所以它应该比 .button 类具有更低的特异性，不是吗？
谢谢你的时间。
html - 我可以覆盖内联！重要吗？
如果你有
有没有办法在样式表中覆盖它以使其显示？
最好使用类似的东西：
javascript - 是否有根据特异性对 CSS 选择器文本进行排序的 JS 库？
可能重复：
根据特定性对一组 CSS 选择器进行排序
我需要一个 JS 库，将 CSS 选择器文本从最具体的选择器文本排序到不太具体的选择器文本，其中的特异性是根据W3C指定的
如果那里没有任何库，我可以简单地使用 JS 或 jQuery 编写它吗？
CSS 选择器文本可以是div#body .text.
html - 属性选择器的特殊性是什么？
我想知道属性选择器的特殊性是什么。例如：
- ID = 100 分
- 课程 = 10 分
- html标签= 1分
例子：
使用此 HTML：
这两个选择器中哪一个更具体？
css - CSS 类重复以增加特异性
根据 CSS 文档： http ://www.w3.org/TR/CSS21/cascade.html#specificity
特异性由（除其他外）选择器中属性和伪类的数量定义。
所以，我的问题是，是否可以通过一遍又一遍地重复相同的类名来增加特异性？
例如：
将
具有更高的特异性
或者
?
html - 悬停的CSS特异性
我有css特异性问题。
<td>如果“没有账单”，我希望样式的颜色不同，所以我用 if 语句设置样式。如果没有票据，则样式为style = "id=\"no-bills\"";。我得到了这个与css一起工作。现在，如果用户将鼠标悬停在它上面，我希望背景变为红色 - 所以我修改了 css 并添加了，当你将鼠标悬停在它上面时#bill-list #no-bills td:hover，它必须添加一些额外的特异性。td:hover不幸的是，这不起作用（背景保持不变）。
这是我的CSS：
这是我的代码（片段）：
有人有想法么？
html - css边框折叠不适用
我无法让我的内表不显示边框。
在下面的 html 中，它是 table <table class="billing_history" id="billing_history0" >。我希望表格最终只有行的顶部和底部边框，但我无法让它工作。事实上，我似乎无法将很多边框属性应用于表格。特别是，我尝试border-collapse: collapse;在 css 中进行设置，但这不适用于内表。但是，如果我在表本身（即style="border-collapse: collapse;"）中设置样式标记，它确实有效。因此，由于某种原因，border-collapse: collapse;css 中的 没有应用于内部表，而其他属性（即font-size: 11px;）正在应用。
有人有想法么？HTML和CSS如下...
我很感激你们可能有的任何建议！
html:
CSS：
css - 改变特异性
#sidebar p样式的特异性为 101（ID 为 100，标签选择器为 1），而.intro 样式的特异性为10（类选择器为 10 分）。由于 101 大于 10，所以 #sidebar p 优先。将 .intro 更改为 #sidebar .intro 会将其特异性更改为 110。
即使我改变了这一点，我的结果也不会到来
谁能给我解释一下。
输出：应该是红色，font-size-1.25em 和 font-family -Georgia