CSS多类选择器:多个选择器同时存在于某一元素中,则应用样式定义!
通过把两个类选择器链接在一起,仅可以选择同时包含这些类名的元素(类名的顺序不限)。
经测试发现id选择器+类选择器的混合组合样式定义也能生效,应该也算“多类选择器”中的一种吧!
所以常见的“多类选择器”格式如下:.class1.class2 或 #id.class1 (类选择器间无空格,并列关系)
如果一个多类选择器包含类名列表中没有的一个类名,匹配就会失败。请看下面的规则:
.important.urgent {background:silver;}/* 类选择器间无空格,并列关系*/
这个选择器规则将只匹配 class 属性中包含词 important 和 urgent 的 元素。因此,如果元素的 class 属性中只有词 important 和 warning,将不能匹配。不过,它能匹配以下元素:
<p class="important urgent warning"> This paragraph is a very important and urgent warning. </p>
w3school在介绍多类选择器文章:https://www.w3school.com.cn/css/css_selector_class.asp 中有提到“在 IE7 之前的版本中,不同平台的 Internet Explorer 都不能正确地处理多类选择器。”,但本人测试过 XP/WIN7下ie6都是能正确识别多类选择器的写法!
2条评论( 网友:2 条,站长:0 条 ) 网友评论{有您的评论更精彩....}