大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
小编给大家分享一下css中的选择器是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站建设、网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的西区网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
css选择器又被称为css样式属性、css属性选择器,css中的“选择器”指明了“{}”中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素;常用选择器可分为标签名选择器、类选择器、id选择器、派生选择器、子元素选择器、分组选择器。
本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
css中的选择器是什么意思?
要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。
常用选择器可分为:标签名选择器,类选择器,id选择器,派生选择器,子元素选择器,分组选择器,伪元素选择器
每一条css样式定义由两部分组成,形式如下:选择器{样式} ,在{}之前的部分就是“选择器”。
“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。
Css选择器又被称为css样式属性、css属性选择器。
1、标签名选择器:通过标签的名称找到指定标签
格式:元素名{ }
2、类选择器:通过标签的class属性值选中指定标签,多个标签可以有相同的class值
格式:.d1{ }
3、id选择器:通过id找到标签,一个html文件中id不能重复
格式: #id{}
4、派生选择器(后代选择器):类似于路径,找到符合要求的标签,会匹配所有的后代标签
格式: ul li a{} #id li a{}
5、子元素选择器:和后代类似,但是只能获得子元素
格式: ul>li>a{}
6、分组选择器:可以将多种选择器结合到一起使用,用来统一设定样式
格式: h2,h3,#abc,.m{ }
7、伪元素选择器:伪元素选择器选择的是元素的状态,状态分为以下几种:
link 表示元素未被点击时的状态
hover 表示鼠标悬停时的状态
active 表示元素被点击时的状态
visited 表示元素被点击后的状态格式: #id:hover{ }
以上是“css中的选择器是什么意思”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!