CSS笔记之伪类与伪元素_html/css_WEB-ITnose
程序员文章站
2022-04-10 17:56:58
...
伪类分为两种:UI伪类 与 结构化伪类
UI伪类:a:link{} a:hover{} a:active{} a:visited{}
input[type='text']:focus{} #title-one:target{}
结构化伪类: table tr:nth-child(even){} //even---下标为偶数的子元素
table tr:nth-child(odd){} //odd---下标为奇数的子元素
table tr:first-child{}
table tr:last-child{}
ul li:first-child{}
伪元素:最常用的伪元素莫过于 :before 与 :after
在清除浮动时就使用这两个伪元素,当然,在其他的地方也会用到。
关于伪类与伪元素的笔记就到此,如果园友知道更多的,欢迎补充。
推荐阅读
-
使用 CSS3 伪元素实现立体的照片堆叠效_html/css_WEB-ITnose
-
CSS中的伪类与伪元素及二者间的区别说明
-
CSS伪类与CSS伪元素的区别及由来具体说明
-
CSS伪类与CSS伪元素的区别及由来具体说明
-
前端笔记知识点整合之HTML5&CSS3(中)选择器&伪类伪元素&CSS3效果&渐变背景&过渡
-
CSS样式表及选择器相关内容(二)-伪类与伪元素选择器
-
css3之UI元素状态伪类选择器实例演示
-
python 之 前端开发(基本选择器、组合选择器、 交集与并集选择器、序列选择器、属性选择器、伪类选择器、伪元素选择器)
-
css3中关于伪类的使用_html/css_WEB-ITnose
-
【定义CSS样式问题】CSS伪类样式_html/css_WEB-ITnose