属性选择器
1、作用：根据指定的属性名称找到对应的标签，然后设置属性
该选择器，最常用于input标签
2、格式与具体用法：
[属性名] 其他选择器[属性名] [属性名=值] [属性名^=值] [属性名$=值] [属性名*=值]
例1：找到所有包含id属性的标签 [id]例2：找到所有包含id属性的p标签 p[id]例3：找到所有class属性值为part1的p标签 p[class="part1"]例4：找到所有href属性值以https开头的a标签 a[href^="https"] 例5：找到所有src属性值以png结果的img标签 img[src$="png"] 例6：找到所有class属性值中包含part2的标签 [class*="part"]
系列选择器 哈哈啊
我是段落
我是段落
我是段落
我是我 http://www.baidu.com https://www.baidu.com
我是段落
我是段落
伪类选择器
1、作用：常用的几种伪类选择器。
1.1 没有访问的超链接a标签样式：
a:link { color: blue; }1.2 访问过的超链接a标签样式：
a:visited { color: gray; }1.3 鼠标悬浮在元素上应用样式：
a:hover { background-color: #eee; }1.4 鼠标点击瞬间的样式：
a:active { color: green; }1.5 input输入框获取焦点时样式：
input:focus { outline: none; background-color: #eee; }2 注意：
a标签的伪类选择器可以单独出现，也可以一起出现 a标签的伪类选择器如果一起出现，有严格的顺序要求，否则失效 link，visited，hover，active hover是所有其他标签都可以使用的 focus只给input标签使用Document 点击我
伪元素选择器
1、常用的伪元素。
1.1 first-letter：杂志类文章首字母样式调整 例如：
p:first-letter { font-size: 48px;} 1.2 before
用于在元素的内容前面插入新内容。 例如：
p:before { content: "*"; color: red;}在所有p标签的内容前面加上一个红色的*。 1.3 after
用于在元素的内容后面插入新内容。 例如：
p:after { content: "?"; color: red;}在所有p标签的内容后面加上一个蓝色的?。 Document 英雄不问出处，流氓不论岁数
老男孩是干什么的老男孩是干什么的老男孩是干什么的