伪类选择器,伪元素

2018-11-19  本文已影响0人  Stranger_I

正常链接

 x:link{
    color:green;
}    

访问过的链接

 x:visited{
    color:yellow;
}

ps:(只能定义字体颜色,不能定义字号)

鼠标滑过的链接

x:hover{
    color:skyblue;
}

正在点击的链接

x:active{
    color:black;
}

获取焦点

x:focus{
    backgroud-color:orange;
}

选中的元素

x::selection{
   background-color:white;
}
(选中变色)

兼容浏览器

p::-moz-selection{
    background-color:orange;
}

伪元素

定义首字母

(定义段落首字母)

x:first-letter{
    color:red;
    font-size:30px;
}

定义首行

x:first-line{
      background-color:orange;
 }

前面

x:before{
    content:"我在文章的最前面";
    color:skyblue;
}
需要用content(内容)来定义内容,定义的内容插入到段落前面

后面

x:alter{
    content:"我会出现在文章的最后面";
    color:red;
}
需要用alter(内容)来定义内容,定义的内容插入到段落后面
上一篇 下一篇

猜你喜欢

热点阅读