选择器：选择页面中指定的元素（CSS selectors）
声明块：设置元素的样式，声明块的组成由一个一个的声明组成 声明之间使用 样式名：样式值连接 分号隔开
常用选择器（基本选择器）
通配选择器：——*匹配所有元素
* {
color: green;
}
元素选择器：——标签名{声明块}，根据标签名选择元素
a {
color: red;
}
id选择器：——根据元素id选择一个元素
<p id="demo"></p>
#demo {
border: red 2px solid;
}
类选择器：——根据元素的class选择一组元素
<p class="spacious"></p>
.spacious {
margin: 2em;
}
属性选择器：——基于属性选择 ，在属性=值中 选择属性 使用[]中括号
a[href="https://example.org"]——选择属性=属性值的元素
a[titie]——选择具有指定属性的元素
a[title^=abc]——选择以指定值开头的元素 小三角标识以指定元素开头
a[title$=abc]——选择以指定值结尾的元素 $标识以指定元素开头
a[title$=abc]——选择以指定值结尾的元素 $标识以指定元素结尾
a[title*=abc]——选择包含指定值结尾的元素 *标识拥有指定元素
复合选择器（两种以上）
交集选择器：——选择器1选择器2选择器3——交集选择器中有元素选择器，必须使用元素选择器开头
<style>
p{
color: red;
}
p.spacious{
color: black;
}
</style>
<body>
<p >保住绿码</p>
<p class="spacious">bu</p>
<p>FHIH</p>
</body>并集选择器：——选择器分组 使用逗号 同时选择多个选择器对应的元素 （选择器1，选择器2，选择器3）
span,div {
border: red 2px solid;
}
关系选择器：
——网页中元素的关系：
父元素：直接包含子元素的元素
子元素：直接被父元素包含的元素
祖先元素：直接或间接包含后代元素的元素——父元素也可以是子元素的祖先元素，可以多个后代元素：直接或间接被祖先元素包含的元素
兄弟元素：具有相同父元素的元素
子元素选择器： 父元素>子元素——选择父元素中的子元素——直接包含的关系
<style>
/* 选择父元素是a1 子元素是a2的元素 */
.a1>.a2{
color:red;
}
</style>
<body>
<div class="a1">
祖先
<div class="a2">
父元素
<div class="a3">
子元素
</div>
<div class="a4">
子元素兄弟
<div class="a5">
子子
</div>
</div>
</div>
</div>
后代选择器： 父元素 后代元素 —— 使用空格 选中指定元素内指定的后代元素
兄弟元素选择器： 前一个+后一个 ——选择离最近的兄弟元素
选择下边所有的兄弟元素： 兄~下面的所有的弟
6564
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
