CSS语法格式
格式
选择器{
属性名1:属性值1;
属性名2:属性值2;
...
}
选择器分类:基础选择器(id选择器,元素选择器,类选择器),扩展选择器
选择器: 筛选具有相似特征的元素
注意:每一对属性需要;隔开,最后一对不需要
选择器:
- 分类:
1.基础选择器
(1)id选择器: 选择器具体的id属性值的元素。 语法:#id属性值{}
建议在一个html页面中id值唯一
(2)元素选择器:选择具有相同标签名称的元素。语法:标签名称{}
注意:id选择器优先级高于元素选择器
(3)类选择器:选择具有相同class属性值的元素。语法:.class属性值{}
注意:类选择器优先级高于元素选择器
2.扩展选择器
(1)选择所有元素:语法:*{}
(2)并集选择器:语法:选择器1,选择器2{}
(3)子选择器:筛选选择器1元素下的选择器2元素。语法:选择器1 选择器2{}
(4)父选择器:筛选选择器2的父元素选择器1。语法:选择器1>选择器2{}
(5)属性选择器:选择元素名称,属性名=属性值元素。语法:元素名称[属性名=“属性值”]{}
(6)伪类选择器:选择一些元素具有的状态。语法:元素:状态{}
例如:的状态
- link:初始化的状态。
- visited:被访问过的状态。
- active:正在访问的状态
- hover:鼠标悬浮状态