css样式

1、id选择器

# 代表通过id选择器查找

#i1{height: 48px;background-color: red;}

2、class选择器

. 代表通过class选择器查找

.c{height: 48px;background-color: aqua;}

3、标签选择器

标签名 代表通过标签选择器查找

span {color: red;background-color: blue;}

4、层级选择器

标签名 代表通过标签选择器查找

3、标签 层级选择器

标签内的标签 通过标签+空格+标签 代表通过标签选择器查找 例：span标签下面所有div标签颜色改变

span div{color: aqua;background-color: red;}

5、属性选择器

属性选择器 对选择到的标签 在通过属性进行筛选 可以和层级选择器连用

div[s='dsx']{background-color: darkred;height: 48px;}