CSS 伪类和伪对象选(五)_html/css_WEB-ITnose
程序员文章站
2022-04-24 18:56:29
...
一、伪选择器
伪选择器包括:伪类选择器和伪对象选择器,以冒号(:)作为前缀,冒号后紧跟伪类或者伪对象名称,冒号前后没有空格,否则解析为包含选择器
如:
div:hover{ font-size:12px;}/*div为指定标签名hover选择符,伪类 或者 伪元素名*/
伪选择器专门用来选择特殊区域或者特殊状态下的元素或者对象,这些特殊区域或者特殊状态是无法通过标签选择器,ID选择器或者类选择器进行精确控制的
二、伪类选择器和伪对象选择器
伪类 | 说明 |
:focus | 定义对象在成为输入焦点(该对象的onfocus事件发生时)的样式 |
:first-child | 定义对象的第一个子对象的样式 |
:first | 定义页岩 容器第一页使用的样式,仅适用于@page规则 |
:left | 定义页面容器位于装订线左边的所有页面使用的样式,仅适用于@page规则 |
:right | 定义页面容器位于装订线右边的所有页面使用的样式,仅适用于@page规则 |
:lang | 定义对象使用特殊语言的内容样式 |
伪对象 | 说明 |
:after | 与content属性一起使用,定义在对象后的内容 |
:before | 与content属性一起使用,定义在对象前的内容 |
:first-letter | 定义对象内第一个字符的样式 |
:first-line | 定义对象内第一行的样式 |
三、超链接
@charset "utf-8";/* CSS Document *//*超链接默认样式*/a{ text-decoration:none; color:#333333;}/*访问过的样式*/a:visited{ color:#0000ff;}/*鼠标经过样式*/a:hover{ color:#00ff00;}/*鼠标按下样式*/a:active{ color:#FF0000;
还有一个:link可以定义未访问过的超链接样式,可以使用a选择器来代替a:link选择器样式。
:link和:visited称为链接伪类,只能应用于锚元素;
:hover,:active和:focus称为动态伪类,理论上可以应用于任何元素.
上一篇: 深入理解yield
下一篇: 小甲鱼零基础入门学习Python视频教程
推荐阅读
-
前端开发HTML&css入门——伪类选择器和一些特殊的选择器
-
HTML5新标签和CSS伪类
-
css3中关于伪类的使用_html/css_WEB-ITnose
-
【定义CSS样式问题】CSS伪类样式_html/css_WEB-ITnose
-
关于伪类a:hover用行样式表达,求解,_html/css_WEB-ITnose
-
关于伪类a:hover用行样式表达,求解,_html/css_WEB-ITnose
-
【定义CSS样式问题】CSS伪类样式_html/css_WEB-ITnose
-
超链接的那些事(一): 伪类_html/css_WEB-ITnose
-
超链接的那些事(一): 伪类_html/css_WEB-ITnose
-
伪类hover失效,关于CSS的优先级_html/css_WEB-ITnose