- 标签选择器
div{
font-size: 40px;
color:blue;
} - 类选择器
无论标签的类型,只要class="u211"的元素就被选中,class属性是全局属性,是HTML元素的公共属性- 类选择的样式优先级高于标签选择器, 当两者有属性冲突的时候,以类选择器优先,覆盖标签选择器的设置
- 类选择器是可以跨标签的,无论什么标签,只要class="classname"就会被选中
.u211{
font-size: 50px;
text-decoration: underline;
}
- 多套样式冲突的时候,浏览器讲启动优先级机制,开始进行样式混合运算,得出目标元素的最终外观
.u985{
font-size:60px;
font-weight: bold;
color:orange;
}
- 任何一个元素都可以同时被赋予多个class,如果属性有冲突,以定义在后头的类选择器优先
- id选择器拥有最高的优先级,因为一个网页中id是唯一的,id选择器所对应的样式组合相当于就是为了这个元素量身定做的
#host{
background-color: red;
color: yellow;
}