温馨前言：听说，美好的时光总是短暂的，那么如何慢一点，再慢一点？只有珍惜我们所拥有的每一寸光阴~
2 CSS 选择器
2.1 通配符选择器
用 “ * ” 号表示，他是所有选择器中作用范围最广的，能匹配页面中所有的元素
基本语法格式如下：
* { 属性1：属性值; 属性2： 属性值2;属性3：属性值3;}
e.g.
*{
margin:0; /* 定义外边距 */
padding:0; /* 定义内边距 */
}
2.2 通配符选择器
通过标签名 来选择一类标签
// 选择所有的p标签，都设置 字体颜色为 红色。
p { color: red; }
2.3 ID 选择器
ID 选择器命名规范
-
只允许出现字母、下划线、数字
也就是说
id = "ai" 和 id = "aI" 不冲突
- 只允许字母开头
- 命名没有长度限制（但不建议太长）
- 不允许出现标签名（代码的熟练程度、工作经验的表现）
任何的标签都可以定义 id 属性，style 属性， class 属性， name 属性
e.g. ：
<style>
#sh {
/* 文字右对齐方式 */
text-align:right;
}
</style>
</head>
<body>
<p id="sh">jfsldjlfsjdflsj</P>
</body>
2.4 类选择器
什么是类 ?
物以类聚，人以群分
黄种人、白种人、黑种人
所有的鸭子、所有的猫
所有的 按钮、所有的图片、所有的banner
类选择器，是对HTML 标签中 class 属性进行选择。
CSS选择器的选择符是 “ . ”
.demo { color:red; }
标签可以包含多个类选择器，在 class 标签中 用空格隔开
2.5 CSS 交集选择器
复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，具体如下
标签指定式选择器（即....又....）
标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如h3.special或p#one。
2.6 后代选择器（包含选择器）
后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代。
2.7 并集选择器
用逗号隔开不同的选择器，规则: 所有的选择器共享css规则
<style>
.leftbar, .asidebar, .rightbar {
font-size:17px;
}
---
.leftbar {
font-size:17px;
}
.asidebar {
font-size:17px;
}
.rightbar {
font-size:17px;
}
2.8 子代选择器
子元素选择器， 用 > 隔开父代和子代选择器。
子代选择器，是让CSS选择器只能选择儿子辈的元素。
例如：
h1 > strong {color:red;}
解读为：选择器 h1 > strong 可以解释为“选择作为 h1 元素子元素的所有 strong 元素”。
注： 只有直接子元素会被选择到！
2.9 属性选择器
简单属性选择： 含有某个属性的选择器：
p[class] {
color:red;
}
属性值包含某个文字的属性选择器：
<style>
[name*=nn] {
background-color:gold;
}
</style>
</head>
<body>
<h2 name= "nini"> nini </h2>
<h2 name= "ninn"> ninn </h2>
</body>
注：标签选择器优先级 ＜ 属性选择器 ＜ 类选择器
2.10 字符实体
> >
< <
空格：
©
®
好啦，今天的分享就到这里了，谢谢阅读！
下节内容: 伪类选择器与伪元素选择器
