如何赋予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。可能吗？ （换句话说，我想将gray-color 设置为其border）
问题答案：
不要使用，!important因为这是最糟糕的解决方案，如果您要切换样式，请按照这种方式进行操作。
#idname{
border: 2px solid black;
}
#idname.classname {
border: 2px solid gray;
}
<div id = "idname" class="classname">it is a test</div>
如果您还想使用该类来定位其他元素，则classname不仅要#idname 使用，还可以使用：
#idname.classname, .classname {
border: 2px solid gray;
}
-
问题内容： 我的网页包含： 引用的样式表包含： 我在ID中有一张表格，希望单元格有一些填充。但是，引用的样式表优先于内联样式。我可以通过Firebug直观地看到这一点。如果我关闭Firebug中的指令，则向左填充将生效。 我该如何上班？ 问题答案： 正如其他人提到的那样，您有一个特异性问题。当确定两个规则中的哪一个优先时，CSS引擎会计算每个选择器中的s 数量。如果一个比另一个多，就使用它。否则，
-
我有数据： 我有以下疑问： 我想要出现的是： 如何修改搜索以设置字段排名/优先级？
-
我得到了下面的Navbar。我想让它做的是： 向下滚动时出现 再次向上滚动时离开视图（到定义的数量） 用箭头“关闭”导航条，使其变小 在“关闭”后“重新打开”导航栏 在任何时候，我仍然希望navbar在滚动到顶部时隐藏。无论它是扩展还是压缩 这不起作用，因为我的切换navbar的代码将为设置内联值，这是类中需要的，以便在向上滚动时隐藏它 所以，除了我的代码有什么问题之外，真正的问题是： 有没有办法
-
由于前面章节所述的CSS继承特性以及多种类型的选择器作用域范围会出现重叠，所以常会有多个CSS规则作用于同一个HTML元素。比如对于下面的HTML代码： <p class="message" id="introduction"> wenjiangs is a leading search engine on free HTML tutorials. </p> 我们分别使用标签（tag）、类（c
-
问题内容： 像这样的组合器优先吗？ （注之间的空间，并为后代组合子） 还是从左到右阅读，就像 ？ 问题答案： 不，在组合器中没有优先级的概念。但是，在复杂的选择器中存在元素顺序的概念。 可以从对您有意义的任何方向读取任何复杂的选择器，但这并不意味着组合器是分布式的或可交换的，因为它们表示两个元素（例如和）之间的关系。这就是为什么元素顺序很重要的原因。 但是，根据Google的说法，浏览器实现了其选
-
本文向大家介绍说说CSS的优先级是如何计算的？相关面试题，主要包含被问及说说CSS的优先级是如何计算的？时的应答技巧和注意事项，需要的朋友参考一下 发现之前已经思考了这个问题，今天刚好回顾复习一下。 原文链接：https://xiangshuo.blog.csdn.net/article/details/52749250 以下是回答： 选择器种类 严格来讲，选择器的种类可以分为三种：标签名选择器、