id命名规范
字母（区分大小写）、下划线、数字。
必须要有语义。
类选择器：
.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
标签调用的时候用 class=“类名” 即可。
id选择器和类选择器的区别
可以为任意多个元素指定类。前一章中类名 important 被应用到 p 和 h1 元素，而且它还可以应用到更多元素。
区别 1：只能在文档中使用一次
与类不同，在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次。
区别 2：不能使用 ID 词列表
不同于类选择器，ID 选择器不能结合使用，因为 ID 属性不允许有以空格分隔的词列表。
区别 3：ID 能包含更多含义
建议尽量使用类选择器。
复合选择器
标签指定式选择器（交集选择器）
由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如h3.special或p#one。
注意：使用非常少，一般不用。要么直接用id选择器，要么直接用类选择器。
后代选择器（包含选择器）
后代选择器又称为包含选择器，用来选择元素或元素组的后代，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。
子孙后代都可以这么选择。
并集选择器
顾名思义，各个选择器通过逗号连接而成的，任何形式的选择器（包括标签选择器、class类选择器id选择器等），都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式。
子代选择器（子元素选择器）
写法就是把父级标签写在前面，子级标签写在后面，中间跟一个 > 进行连接， > 左右两侧最好各留一个空格，便于阅读。
他与后代选择器的区别就是只能选择下一级的标签，而后代选择器能选择包涵在内的所有标签。
属性选择器
根据html的属性进行过滤选择，使用非常少
例如：
选择拥有id属性的p标签
p[id]{}
选择拥有id和class属性的p标签
p[id][class]{}
选择所有的文本框标签
input[type="text"]{}
网友评论