码迷,mamicode.com
首页 > Web开发 > 详细

【CSS】伪类与伪元素

时间:2020-05-18 16:39:40      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:nta   readonly   child   特殊   链接   active   一个   描述   first   

伪类描述

:active{

  ...

}

元素 : active{

  ...

}

向被激活的元素添加样式。

:focus{

  ...

}

元素 : focus{

  ...

}

向拥有键盘输入焦点的元素添加样式。

:hover{

  ...

}

元素 : hover{

  ...

}

当鼠标悬浮在元素上方时,向元素添加样式。

:link{

  ...

}

元素 : link{

  ...

}

向未被访问的链接添加样式。

:visited{

  ...

}

元素 : visited{

  ...

}

向已被访问的链接添加样式。

:readonly{

  ...

}

元素 : readonly{

  ...

}

向只读元素添加样式。

:checked{

  ...

}

元素 : checked{

  ...

}

向被选中的元素添加样式。

:disabled{

  ...

}

元素 : disabled{

  ...

}

向被禁用的元素添加样式。

:enabled{

  ...

}

元素 : enabled{

  ...

}

向可用的元素添加样式。

:first-child{

  ...

}

元素 : first-child{

  ...

}

向元素的第一个子元素添加样式。

:lang{

  ...

}

元素 : lang{

  ...

}

向带有指定 lang 属性的元素添加样式。

 

伪元素描述

:after{

  ...

}

元素 : after{

  ...

}

在元素之后添加内容

:before{

  ...

}

元素 : before{

  ...

}

在元素之前添加内容。

:first-line{

  ...

}

元素 : first-line{

  ...

}

向文本的首行添加特殊样式。

:first-letter{

  ...

}

元素 : first-letter{

  ...

}

向文本的第一个字母或汉字添加特殊样式。

 

【CSS】伪类与伪元素

标签:nta   readonly   child   特殊   链接   active   一个   描述   first   

原文地址:https://www.cnblogs.com/bjxqmy/p/12910925.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!