第三篇：前端开发-css选择符归纳

css选择符归纳

1、类选择符（标签选择符）：所有的HTML的标签都可以直接当做选择符来使用

　　　　特点：能选中当前结构里面所有同名的标签。

2、id选择符：

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

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

　　　　起名规范：

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

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

　　　　　　3、命名尽量反应结构、版块内容（语义化）；

　　　　　　4、可以拼音但不能出现汉字。

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

　　　　特点：

　　　　　　1、一个元素可以有多个类名，类名可以重复出现；

　　　　　　2、可以制定一类样式。

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

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

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

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

6、伪类选择符：

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

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

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

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

7、通配符：用于选择页面所有元素

　　　　语法：*{ } 。

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

原文链接:https://www.cnblogs.com/yangqinqiang/p/12619209.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有