css里面伪类有哪些?各是什么作用?里面属性设置有哪些?格式怎么写?
发布网友
发布时间:2022-04-06 12:15
我来回答
共2个回答
热心网友
时间:2022-04-06 13:44
a:link {}/* 未访问的链接 */
a:visited {}/* 已访问的链接 */
a:hover {}/* 鼠标移动到链接上 */
a:active {}/* 选定的链接 */
a:first-child{}/*选中第一个子元素*/
a:last-child{}/*选中最后一个子元素*/
a:focus{}/*选中焦点的元素添加样式*/
a:lang{}/*为不同的语言定义特殊的规则*/
a:nth-child(n){}/*匹配第n个子元素,可以是表达式,也可以是系统自带属性,如odd,even*/
a:nth-of-type(n){}/*同上,不同点在于匹配所有子元素,nth-of-type匹配某个特定子元素*/
常用是这些伪类。
热心网友
时间:2022-04-06 15:02
语法
伪类的语法:
selector : pseudo-class {property: value}
CSS 类也可与伪类搭配使用。
selector.class : pseudo-class {property: value}
锚伪类
在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。
a:link {color: #FF0000}/* 未访问的链接 */
a:visited {color: #00FF00}/* 已访问的链接 */
a:hover {color: #FF00FF}/* 鼠标移动到链接上 */
a:active {color: #0000FF}/* 选定的链接 */
大白话解释,希望能帮到你。 请采纳我
类 是 . 开头的。
伪类 是 .xx : 冒号后的
表示 .xx 被使用时的状态样式是什么。或直接下级等。
我给你个链接你看下。
http://www.w3school.com.cn/css/css_pseudo_classes.asp