一:基础选择器三类:
标签选择器
类选择器
id选择器
1 标签选择器
<p>我是一个段落</p>
<!--直接写-->
p{color: rosybrown;}
2 类选择器
-
类选择器: 属性名:class 写样式的时候:
-
. 类名{ 属性:属性值; }
<div class="demo"> 我是一个div </div> .demo{color: red;}
3 id选择器:
#id名{
属性:属性值;
}
id具有唯一性
<div id="demo">
我是一个div
</div>
#demo{color: pink;}
4 多类名选择器:
多类名选择器,类名之间用空格隔开
<p class="red font-size30px">我是段落</p>
<!--注意: 以下三个等价-->
.font-size30px{font-size: 30px;}
.red {font-size: 30px;}
.font-size30px.red{ font-size: 30px;}
5 通配符选择器
- 全局所有 *{ margin: 0;padding: 0;}