CSS一个元素同时使用多个类选择器(class selector)

CSS类选择器参考手册

一个元素同时使用多个类选择器

CSS中类选择器用点号表示。实际项目中一个div元素为了能被多个样式表匹配到(样式复用),通常div的class中由好几段组成,如<div>能被.user和.login两个选择器选中。如果这两个选择器中有相同的属性值,则该属性值先被改为.user中的值,再被改为.login中的值,即重复的属性以最后一个选择器中的属性值为准。测试如下:

<style> .user {
font-size: 30px;
background-color:red; } .login { background-color:blue; } </style> </head> <body> <div class=\'user\'>你好。这是一个 DIV 元素,class=\'user\'。</div> <div class=\'login\'>你好。这是一个 DIV 元素,class=\'login\'。</div> <div class=\'user login\'>你好。这是一个 DIV 元素,class=\'user login\'。</div> </body>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjsxs.html