CSS-伪类

2019-07-07  本文已影响0人  TinkleJane

伪类专门用来表示元素的一种特殊状态

需要为这些特殊状态设置样式,就得使用伪类

  1. 超链接 a
    a:link
    a:visited
    a:hover
    a:active
  2. input:focus
  3. p标签选中内容的样式 p::selection
/**
 * 兼容火狐的
*/
p::-moz-selection{
    background-color: orange;
}

伪元素:表示元素中的一些特殊的位置

p:first-letter - p中第一个字符
p:first-line - p中第一行
:before - 元素最前边的部分
:after - 表示元素的最后边的部分
需结合content样式一起使用,通过content可以向before或after的位置添加一些内容

p:before{
    content: "我会出现在整个段落的最前边";
    color: red;
}
p:after{
    content: "我会出现在整个段落的最后边";
    color: orange;
}

否定伪类:可以从已选中的元素中剔除某些元素 :not

p:not(.hello){
}

上一篇 下一篇

猜你喜欢

热点阅读