CSS中伪类和伪元素的区别
2016-06-16 15:40
441 查看
伪类:
CSS 伪类用于向某些选择器添加特殊的效果。
如:
使用 :first-child 伪类来选择元素的第一个子元素
:lang 伪类使你有能力为不同的语言定义特殊的规则。在下面的例子中,:lang 类为属性值为 no 的 q 元素定义引号的类型:
伪元素:
CSS
伪元素用于向某些选择器设置特殊效果。
如:
伪元素可以与 CSS 类配合使用:
{
color: #FF0000;
}
<p class="article">This is a paragraph in an article。</p>
[/code]
上面的例子会使所有 class 为 article 的段落的首字母变为红色。
CSS 伪类用于向某些选择器添加特殊的效果。
如:
锚伪类==a:hover a:visited a:link a:action
:first-child 伪类
使用 :first-child 伪类来选择元素的第一个子元素
:lang 伪类
:lang 伪类使你有能力为不同的语言定义特殊的规则。在下面的例子中,:lang 类为属性值为 no 的 q 元素定义引号的类型:伪元素:
CSS
伪元素用于向某些选择器设置特殊效果。
如:
:first-line 伪元素 伪元素用于向文本的首行设置特殊样式。"first-line" 伪元素只能用于块级元素。
:first-letter 伪元素 "first-letter" 伪元素用于向文本的首字母设置特殊样式:
伪元素和 CSS 类
伪元素可以与 CSS 类配合使用:p.article:first-letter
{
color: #FF0000;
}
<p class="article">This is a paragraph in an article。</p>
[/code]
上面的例子会使所有 class 为 article 的段落的首字母变为红色。