您现在的位置是: 首页 » 网页代码 » 什么是css的选择器?
网页代码

什么是css的选择器?

网站优化小编2020年1月7日 88人已围观

css是 Cascading(层叠 )Style(样式) Sheet(表)的简称,及层叠样式表,CSS技术用来美化html页面,使用CSS可以把样式代码和html分离。

网站运营中栏目排名优化技巧

css选择器是可以帮助我们选中需要添加样式的标签。每一条css样式定义由两部分组成,形式如下: [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。

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、伪元素选择器:伪元素选择器选择的是元素的状态,状态分为以下几种:

link 表示元素未被点击时的状态hover 表示鼠标悬停时的状态active 表示元素被点击时的状态visited 表示元素被点击后的状态格式: #id:hover{ }

总结选择器:标签名选择器,类选择器,id选择器,派生选择器,子元素选择器,分组选择器,伪元素选择器

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:432天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:4962 条
  • 文章评论:2868 条
  • 微信公众号:扫描二维码,关注我们