十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本篇内容介绍了“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的选择器有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!