【CSS】伪类与伪元素

2021-03-04 20:29

阅读:718

标签: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


评论


亲,登录后才可以留言!