本篇内容介绍了“Css3的选择器有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
在css中,选择器是一种模式,用于选择需要添加样式的元素
Css选择器可以分为以下几种:
1. Id选择器 #box {}
2. 类选择器 .box {}
3. 标签选择器 a {}和 a, h2, p {}
4. 相邻选择器 h2+p {}
5. 子选择器 ul>li {}
6. 后代选择器 li a {}
7. 通配符选择器 * {} 和 * a{}
8. 属性选择器 a[rel=”external”] {}
9. 伪类选择器 a:hover{}
CSS3中的伪类选择器如下:
状态伪类选择器
1:link
2:visited
3:hover
4:active
5:focus
6:lang
7:target
结构性伪类选择器
1:first-letter
2:first-line
3:before
4:after
5:root()
6:not()
7:empty()
8:target()
9:first-child()
10:nth-child()
11:nth-last-child()
12:nth-of-type(n)
13:only-child
14:first-letter
15:first-line
16:before
17:after
18:selection
UI状态元素伪类选择器
E:checked{attribute} 匹配所有用户界面(form表单)中处于选中状态的元素
E:enabled{attribute} 匹配所有用户界面(form表单)中处于可用状态的元素
E:disabled{attribute} 匹配所有用户界面(form表单)中处于不可用状态的元素
E::selection{attribute} 匹配元素中被用户选中或处于高亮状态的部分
“Css3的选择器有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。