伪类与 CSS 类配合使用实例

2024-01-16 15:17 小编
   伪类和CSS类
 
    伪类可以与CSS类配合使用:
 
    a.red:visited{color:#FF0000;}
 
    CSS语法
 
    如果在上面的例子的链接已被访问,它会显示为红色。
 
    CSS:first-child伪类
 
    您可以使用:first-child伪类来选择父元素的第一个子元素。
 
    注意:在IE8的之前版本必须声明<!DOCTYPE>,这样:first-child才能生效。
 
    匹配第一个<p>元素
 
    在下面的例子中,选择器匹配作为任何元素的第一个子元素的<p>元素:
 
    实例
 
    p:first-child
 
    {
 
    color:blue;
 
    }
 
    匹配所有<p>元素中的第一个<i>元素
 
    在下面的例子中,选择相匹配的所有<p>元素的第一个<i>元素:
 
    实例
 
    p>i:first-child
 
    {
 
    color:blue;
 
    }
 
    匹配所有作为第一个子元素的<p>元素中的所有<i>元素
 
    在下面的例子中,选择器匹配所有作为元素的第一个子元素的<p>元素中的所有<i>元素:
 
    实例
 
    p:first-childi
 
    {
 
    color:blue;
 
    }
 
    CSS-:lang伪类
 
    :lang伪类使你有能力为不同的语言定义特殊的规则
 
    注意:IE8必须声明<!DOCTYPE>才能支持;lang伪类。
 
    在下面的例子中,:lang类为属性值为no的q元素定义引号的类型:
 
    实例
 
    q:lang(no){quotes:"~""~";}


在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码