CSS复合选择器(自学笔记)

本文详细介绍了CSS中的复合选择器,包括交集选择器、并集选择器、后代选择器、子代选择器以及链接伪类选择器。交集选择器用于选择特定类别的标签,如`p.one`;并集选择器通过逗号分隔,用于集体声明样式,如`.one, p, #test`;后代选择器如`.class h3`用于选择父元素内的子孙元素;子代选择器`.class>h3`则只选择直接子元素;链接伪类选择器如`a:link`, `a:visited`, `a:hover`, `a:active`用于设置链接的不同状态。" 81563839,7692271,SpringMVC入门:DispatcherServlet深度解析,"['SpringMVC', 'DispatcherServlet', 'web.xml', '配置']
摘要由CSDN通过智能技术生成

       复合选择器是由两个或多个基础选择器,通过不同的方式组合而成,目的是为了选择更准确更精细的目标元素标签。

交集选择器

它是由两个选择器构成,其中一个是标签选择器,一个是类选择器;语法如下

h3.class{ color:red; }

两个选择器之间不能存在空格;

交集选择器 是 并且的意思。 即…又…的意思

比如: p.one 选择的是: 类名为 .one 的 段落标签,但用的相对来说比较少。

并集选择器

应用:如果某些选择器定义的相同样式,就可以利用并集选择器,可以让代码更简洁。

并集选择器(CSS选择器分组)是各个选择器通过“,”连接而成的,通常用于集体声明。

语法:.class,h3 {color:red;}

任何形式的选择器(包括标签选择器、class类选择器id选择器等),都可以作为并集选择器的一部分。

记忆技巧:并集选择器通常用于集体声明 ,逗号隔开的,所有选择器都会执行后面样式,逗号可以理解为的意思。

比如 .one, p , #test {color: #F00;} 表示 .one 和 p 和 #test
这三个选择器都会执行颜色为红色,通常用于集体声明。 他和他,在一起, 在一起 一起的意思</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值