css选择器

选择器，筛选具有相似特征的元素

三个基本选择器：

1.ID选择器——选择器具体的id属性值的元素

　　#id名称{

　　　　属性：属性值；

　　　　......

　　}

　　建议在一个html页面中id唯一。

2.标签选择器——选择具有相同标签名称的元素

　　标签名{

　　　　属性：属性值；

　　　　......

　　}

3.类选择器

　　.class属性值{

　　　　属性：属性值；

　　　　......

　　}

　　选择具有相同的class属性值的元素

 

选择器作用优先级：id选择器>类选择器>标签选择器

 

常用的一些扩展选择器：

1.选择所有元素：语法：*{}

2.并集选择器：语法：选择器1,选择器2{}

3.子选择器：筛选选择器1元素下的选择器2元素

　　语法：选择器1 选择器2{}

4.父选择器：筛选选择器2的父元素选择器1

　　语法：选择器1>选择器2{}

5.属性选择器：选择元素名称，属性名=属性值的元素

　　语法：元素名称[属性名="属性值"]{}

6.伪类选择器：选择一些元素具有的状态

　　语法：元素：状态{}

　　如：<a>

　　　　状态： 

　　　　　　*link：初始化的状态

　　　　　　*visited：被访问过的状态

　　　　　　*active：正在访问状态

　　　　　　*hover：鼠标悬浮状态