所谓选择器，指的是选择施加样式目标的方式。
1元素选择器：用标签名作为选择器，选中所有相应的元素
类选择器：
2Id选择器：是根据id来选择元素，器样式定义为
#id名{
}
3类选择器
根据class属性来选择元素，其样式定义形式为：
.class name{
........
}
类选择器 ：定义相同的class那么样式会施加到名为一样的class元素中。
4属性选择器
根据属性的特征（如 有无值）来选择
1）根据有无某属性来选择；所有具有title属性的元素都应用了颜色背景的样式。
2）根据属性的值来选择；有属性=值元素那么标签中有这样的值都应用的颜色背景样式。
3）~= 属性值包含指定完整单词的元素
4）^=‘div’：选中title属性值以’div’开头的元素
5）$=‘div’：选中title属性值以’div’结尾的元素
6）*=’div’：选中title属性值包含‘div’的元素
5结构选择器
1）后代选择器：可以选择一个元素的后代元素。这个后代元素包括儿子、孙子。。。。
写法：E F
案例：
.cun a{
Font-size:30px;
}
2)子元素选择器：某一个元素的直接后代元素
写法：E> f (> 英文状态下
)
3）并选择器：
将相同的样式放在一起 ， 类型名直接用英文逗号隔开。
写法：E，F（中间用英文逗号隔开）
案例：.
div1,.div2{
width: 100px;
height: 100px;
position: relative;
}
.div1{
border: 1px solid yellow;
}
.div2{
border: 1px solid red;
}
</style>
</head>
<body>
<div class="div1">是我div1</div>
<div class="div2">是我div2</div>
5）通配符选择器：通配符选择器可以选中页面所有的标签。
注意：通配符选择器对页面所有的元素都会设置对应的样式，而是实际上那，有很多元素默认是不带任何的样式。
6）兄弟选择器：
写法：
6.1）E+F：选中最近的“弟弟”元素。不选中自己
6.2) E ~ F：选中所有的“弟弟”元素。不选中自己。
6伪类、伪元素选择器
1）伪类选择器：
条件一、根据元素不同的状态，自动选择不同的样式。
或条件二、直接添加一个class，给这个class设定特殊的样式。
first-child a:link{color:#FF0000;}/*未访问的链接*/
a:visited{color:#00FF00;}/*已访问的链接*/
a:hover{color:#FF00FF;}/*鼠标划过链接*/
a:active{color:#0000FF;}/*已选中的链接*/
input:focus:拥有键盘输入获取焦点时候添加的样式。
注意： 在CSS定义中，a:hover必须被置于 a:link和 a:visited之后，才是有效的。
注意： 在 CSS定义中，a:active必须被置于 a:hover之后，才是有效的。
注意：伪类的名称不区分大小写。
2）伪元素选择器
2.1）需要设置特殊效果的内容放到一个元素里面 span
2.2）在添加一个class，对class设置特殊样式
p:first-line{
font-size: 30px;
}
p::before{
}
li:after{
content: "。";
}
1521
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
