段落2
效果：
通过h1+p匹配了之前的兄弟元素是
的所有符合要求的
元素，如果
元素之前元素隔着其它元素，则不符合匹配要求，但中间只隔着文本内容并不会影响匹配。
接下来我们要讲的就是更有意思伪类和伪元素了。
伪类
1.链接伪类
：link 指示作为超链接（即有一个href属性）并指向一个未访问地址的所有锚。有些链接会不正确的解释
：visited 指示作为已访问地址超链接的所有锚
例子：
index a:link {color:blue;} a:visited{color:red;} 被点击过了了未被点击 结果：
链接伪类也适用于ID选择器,如：
a#one:link{color:yellow;} 2.动态伪类
:focus 当前拥有输入焦点的元素
:hover 指示鼠标停留元素
:active 指示被用户输入激活的元素
例子：
index input:focus{background-color:black;} a:hover {background-color:yellow;} a:active{background-color:red;} 例子 无操作效果：
文本框获得焦点效果：
鼠标在文字上停留效果：
鼠标在文字上按下左键时效果：
伪元素
1.设置首字母样式
如将
元素中第一个字母变成红色:
p:first-letter{color:red;} 效果：
2.设置第一行的样式
如：
p:first-line{color:red;} 效果：
3.设置之前和之后元素的样式
如：
h2:before{content:" >";color:red;} 效果：
第一次写博客，免不了诸多错误，仅作为个人学习笔记。作为一名在校学生，希望大家多多指教。
查看更多关于CSS学习笔记(1):选择器_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did111947