CSS选择器

1-选择器：

类选择器（class） .class

id选择器 #id

通配符 *

标签选择器 h1,p

分组选择器 h2,p,a ，

组合选择器 h2.class

后代选择器 .div1 p 空格

子类选择器 .div1>p >

兄弟选择器 .bro2 ~ p （没有兄长，弟，后所有兄弟）

相连兄弟选择器 .bro2 + p （没有兄长，弟，后一个兄弟）

找不到选择器 .bro5 + .bor6 （没有class="bor6"的标签,后面有bor6，但是不相连，也显示不出来）

2-属性选择器

[=""]{}

查找：

1-以s开头:

a[title^="s"]{

background-color: chocolate;

}

2-以t结尾

a[title$='t']{

background-color: cornflowerblue;

}

3-包含某一个字母或者某个单词

a[title*="h"]{

background-color: crimson;

}

3-伪类选择器

a标签：

（#：active）

：link 未访问的链接状态

：visited 访问过的链接

：hover 鼠标悬停时的链接状态

：active 鼠标按下未松开的链接状态

文本框标签，如type=”text”

：focus 获取焦点（聚焦）

4-伪元素选择器

：：before在元素之前添加内容

：：after在元素后添加内容

注：必须写content

例：id::before{

content:"添加内容"

}