css的选择器
2018-05-14 本文已影响9人
chasing_dream
选择器 ----------- 例子 -----------描述
.class ----------- .div -----------选择 class="div" 的所有元素。
div,p -----------选择择所有 <div> 元素和所有 <p> 元素
div p ----------- 选择所有 <div> 元素内部所有 <p> 元素
div>p ----------- 选择父元素为 <div> 元素的所有 <p> 元素
div+p ----------- 选择紧接在 <div> 元素之后的所有 <p> 元素。
[target] -----------选择带有 target 属性所有元素。
伪类选择器:
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */
提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
提示:伪类名称对大小写不敏感。
参考文案