css选择器

本文详细介绍了CSS选择器的各种类型,包括标签选择器、类选择器、ID选择器、通配符选择器、后代选择器、子代选择器、并集选择器和交集选择器,以及它们的语法和使用实例,帮助开发者理解和掌握CSS样式选择的技巧。
摘要由CSDN通过智能技术生成

标签选择器:

语法:标签名(属性:属性值)

说明:标签选择器就是使用结构中元素名称直接作为选择符

实例:

类选择器:

语法:class名(属性:属性值)

说明:当我们使用类选择器时候,先为对应的元素添加class属性,他的属性值就是我们要使用的类名

实例:

id选择器:

语法:#id名(属性:属性值)

说明:id选择器是使用在元素上的id属性作为选择符,要使用id选择器,需先为元素定义id

实例:

通配符选择器:

语法:*(属性:属性值)

说明:*表示页面中所有元素(标签),我们常用来重置样式

实例:

后代选择器:

语法:选择器1(父)选择器2(子)(属性:属性值)

说明:选择器1和选择器2中间要用空格隔开,表示选择器父中包含选择器子的所有后代元素

实例:

子代选择器:

语法:选择器1>选择器2(属性:属性值)

说明:选择紧挨着选择器1(父元素)的第一层符合选择器2的子元素

实例

并集选择器

语法:选择器1(父)选择器2(子)(属性:属性值)

说明:用于对多个标签定义同样的样式,选择器之间用逗号隔开

实例:

交集选择器:

语法:选择器1选择器2(属性:属性值)

说明:用于选择同时符合选择器1和选择器2的元素

实例:

  • 11
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值