栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

自定义CSS被引导CSS覆盖

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

自定义CSS被引导CSS覆盖

特异性

您的问题很可能与特异性有关。克里斯·科耶尔(ChrisCoyier)撰写了一篇有关CSS特异性的精彩文章。我也建议您检查一下这个方便的特异性计算器。

使用该计算器,我们可以看到其

.table-striped > tbody > tr:nth-child(odd) >td
特异性为23。要覆盖这一点,任何新规则都必须具有等于或大于23的特异性,
.red
即为10,这样就不会削减它。

在这种情况下,它应该简单到匹配现有的特定性,然后向其添加类。

.table-striped > tbody > tr:nth-child(odd) >td.red
给我们指定了33的特异性。当33大于23时,您的规则现在应该起作用了。

!重要

通常,

!important
除非您永远不要覆盖该规则,否则永远不要使用。
!important
基本上是核选择。我有一定的信心地说,如果您了解特定性,则永远不需要
!important
使自定义规则在Bootstrap之类的框架中正常工作。

更新资料

经过一番思考,我在这里提供的规则可能太具体了。如果要对未剥离的桌子上的单元格进行高光显示会怎样?为了使您的规则更具全局性,同时又有足够的特异性可以在剥离表中使用,我将使用`.table

tbody > tr >td.red`。这具有与Bootstrap剥离相同的特异性,但也可以在未斑马剥离的表上使用。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432640.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号