第三篇：前端开发-css选择符概括

css选择符概括

一、类选择符（标签选择符）：全部的HTML的标签均可以直接当作选择符来使用

　　　　特色：能选中当前结构里面全部同名的标签。

二、id选择符：

　　　　特色；惟一性！同一个页面中一个id名只能用一次。

　　　　应用：主要用来划分外围结构。

　　　　起名规范：

　　　　　　一、尽可能小写字母开头，数字、字母、下划线和连字符的组合；

　　　　　　二、不能用关键字命名（标签和属性都是关键字）；

　　　　　　三、命名尽可能反应结构、版块内容（语义化）；

　　　　　　四、能够拼音但不能出现汉字。

三、类选择符（class选择符）：class=“名称1 名称2 名称3 ··· ”

　　　　特色：

　　　　　　一、一个元素能够有多个类名，类名能够重复出现；

　　　　　　二、能够制定一类样式。

四、群主选择器：以逗号分隔的方式，将多个选择符组成一组，给整组全都加上样式

　　　　语法：选择符1，选择符二、选择符3··· {属性：属性值；}

五、包含选择符（子代选择器）：经过父元素找子元素。

　　　　父元素 （空格）子元素{属性：属性值；}

六、伪类选择符：

　　　　a：link{color：；}  未访问连接的状态；

　　　　a：visited{color：；}  已访问连接状态；

　　　　a：hover{color：；}  鼠标滑过连接状态；

　　　　a：active{color：；}  鼠标按下时的连接状态；

七、通配符：用于选择页面全部元素

　　　　语法：*{ } 。

　　　　注：只要写css代码，就要重置样式。