您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS类重复以提高特异性

CSS类重复以提高特异性

是的,有可能并且有意这样做。尽管CSS2规范中未提及,但Selectors3规范中明确提及:

允许同一简单选择器重复出现 [sic] ,并且确实增加了特异性。

因此,浏览器在遇到重复的简单选择器时 必须 提高特异性,只要选择器有效且适用即可。这不仅适用于重复的类,而且适用于重复的ID,属性和伪类。

给定您的代码.qtxt.qtxt.qtxt.qtxt.qtxt将具有最高的特异性。其他两个选择器是同样特定的。组合器完全不影响特异性计算:

/* 5 classes -> specificity = 0-5-0 */
.qtxt.qtxt.qtxt.qtxt.qtxt

/* 2 classes -> specificity = 0-2-0 */
.qtxt.lalgn

/* 2 classes -> specificity = 0-2-0 */
.lalgn .qtxt

同样,最后一个选择器中的空间是 后代 组合器。该 组合子是>

CSS 2022/1/1 18:15:12 有396人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶