复合选择器-交集选择器

最新推荐文章于 2024-05-07 16:21:31 发布

剩下了什么

最新推荐文章于 2024-05-07 16:21:31 发布

阅读量1.6k

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/J8638/article/details/106126280

版权

CSS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.3 交集选择器

- 条件交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点。

- 语法：

- 其中第一个为标签选择器，第二个为class选择器，两个选择器之间**不能有空格**，如h3.special。

**记忆技巧：**

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

比如： p.one 选择的是：类名为 .one 的段落标签。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			
			p.red{
				
				color: #FF0000;
			}
		</style>
	</head>
	<body>
		<p class="red">红色</p>
		<p class="red">红色</p>
		<p class="red">红色</p>
		<div class="red">红色</div>
		<div class="red">红色</div>
		<div class="red">红色</div>
		<p>蓝色</p>
		<p>蓝色</p>
		<p>蓝色</p>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

剩下了什么

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复合选择器-交集选择器

1.3 交集选择器- 条件交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点。- 语法：- 其中第一个为标签选择器，第二个为class选择器，两个选择器之间**不能有空格**，如h3.special。**记忆技巧：**交集选择器是并且的意思。即...又...的意思比如： p.one 选择的是：类名为 .one 的段落标签。<!DOCTYPE html><html> <head> ...
复制链接

扫一扫