首页 > 作文

互联网常识:css选择器是什么

更新时间:2023-02-23 10:32:12 阅读: 评论:0

导读跟大家讲解下有关css选择器是什么,相信小伙伴们对这个话题应该也很关注吧,现在就为小伙伴们说说css选择器是什么,小编也收集到了有关

跟大家讲解下有关css选择器是什么,相信小伙伴们对这个话题非诚勿扰2台词应该也很关注吧,现在就为小伙伴们说说css选择器是什么,小编也收集到了有关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、分组选择器:可以将多种选择器结合到一起使用,用来统一设定样式

格式: h1,h2,#abc,.m{ }

7、伪元素选择器:伪元素选择器选择的是元我的老师作文100字素的状态,状态分为以下几种:

link 表示元素未被点击时的状态

hover 表示鼠标悬停时的状态

active 表示元素被点击时的状态

visited 表示元素被点击后的状态格式: #id:hover{ }

【推荐学习:《css视频教程》】

以上就是css选择器是什么的详细内容,更多请关注php中文网其它相关文章!

来源:php中文网

本文发布于:2023-02-23 10:32:12,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/167711953212524.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:互联网常识:css选择器是什么.doc

本文 PDF 下载地址:互联网常识:css选择器是什么.pdf

标签:选择器   元素   标签   样式
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 站长QQ:55-9-10-26 专利检索|