复合选择器-子元素选择器

最新推荐文章于 2022-02-03 17:54:49 发布

剩下了什么

最新推荐文章于 2022-02-03 17:54:49 发布

阅读量163

点赞数

分类专栏： CSS

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

版权

CSS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

子元素选择器

作用：子元素选择器只能选择作为某元素**子元素(亲儿子)**的元素。

其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个 `>` 进行连接
语法：.class>h3{color:red;font-size:14px;}

> 这里的子指的是亲儿子不包含孙子重孙子之类。

比如： .demo > h3 {color: red;} 说明 h3 一定是demo 亲儿子。 demo 元素包含着h3。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		
		div>strong{
			color: #FF0000;
		}
	</style>
	<body>
		<div>
			<strong>儿子</strong>
			<strong>儿子</strong>
			<strong>儿子</strong>
		</div>
		<div>
			<p>
				<strong>孙子</strong>
				<strong>孙子</strong>
				<strong>孙子</strong>
			</p>
		</div>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

剩下了什么

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复合选择器-子元素选择器

子元素选择器作用：子元素选择器只能选择作为某元素**子元素(亲儿子)**的元素。其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个 `>` 进行连接语法：.class>h3{color:red;font-size:14px;}> 这里的子指的是亲儿子不包含孙子重孙子之类。比如： .demo > h3 {color: red;} 说明 h3 一定是demo 亲儿子。 demo 元素包含着h3。<!DOCTYPE htm...
复制链接

扫一扫