当前位置: 首页 > 面试题库 >

如何赋予CSS类优先于ID?

柯阳曦
2023-03-14
问题内容

我有一个像这样的元素:

#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的说法,浏览器实现了其选

  • 功能说明 身份赋予API可以在客户在直播时,指定观众以特定身份观看直播,如将自身平台的观众身份传递到直播页面,让观众获得无缝的体验。 特别说明:如果您选用了此API,那么微信打赏,付费观看等涉及微信的功能将暂不可用 身份赋予逻辑图 接口说明 请求header GET http://{your-domain}/activity.php?a=userAssign 注:请将 {your-domain}