css前端基础(二)css复合选择器

本文详细介绍了CSS复合选择器的四种类型:交集选择器、并集选择器、后代选择器和子代选择器,并给出了实际示例。同时,提到了属性选择器、伪元素选择器以及一些实用的CSS技巧,如背景透明、设置背景图片大小和文字装饰等。
摘要由CSDN通过智能技术生成

一、css复合选择器
(1)交集选择器
在这里插入图片描述
例如

p.one  //选择的是:类名为one的

(2)并集选择器
并集选择器(css选择器分组)是各个选择器通过逗号连接而成
在这里插入图片描述
例如

.hello,p{
	font-size="30px"
}
<div class="hello">111</div>
<p>4444444</p>

(3)后代选择器
后代选择器又称为包含选择器,用来选择元素或元素组的后代。
在这里插入图片描述
例如
只想要div下的p标签进行更改

div p{
	font-size:20px;
}

<p></p>
<div>
	<p></p>
</div>

或者

.hello p{
	font-size:30px;
}
<p></p>
<div class="hello">
	<p></p>
</div>
<div>
	<p></p>
</div
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值