2.2、基本选择器的组合方式

最新推荐文章于 2022-11-20 10:55:42 发布

日拱一卒无有尽，功不唐捐终入海

最新推荐文章于 2022-11-20 10:55:42 发布

阅读量122

点赞数

分类专栏：编程自学笔记 # JavaWeb学习笔记文章标签： html css html5

本文链接：https://blog.csdn.net/m0_49128301/article/details/120549389

版权

编程自学笔记同时被 2 个专栏收录

61 篇文章 0 订阅

订阅专栏

JavaWeb学习笔记

25 篇文章 0 订阅

订阅专栏

2.2.1、层级关系

标签和标签之间有层级关系，例如：<html>标签的子标签为<body>

我们可以对于基本选择器进行组合，表现出层级关系，从而更加针对性地把样式作用于某些标签上。

格式：

选择器1 选择器2......{

/*css样式代码*/

}

选择器1 （父）选择器2（子）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		span font{
			font-size: 30px;
			color: red;
		}
		div h3{
			font-size: 100px;
			color: red;
		}
		</style>
		</style>
	</head>
	<body>
		<span>一开始思路还不清晰<font>现在清晰多了</font></span>
		<span>今天从下午2点开始学习</span>
		<div>一开始思路还不清晰<h3>现在清晰多了</h3></div>
		<div>今天从下午2点开始学习</div>
		
	</body>
</html>

日拱一卒无有尽，功不唐捐终入海

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2.2、基本选择器的组合方式

2.2.1、层级关系标签和标签之间有层级关系，例如：<html>标签的子标签为<body>我们可以对于基本选择器进行组合，表现出层级关系，从而更加针对性地把样式作用于某些标签上。格式：选择器1 选择器2......{/*css样式代码*/}选择器1 （父）选择器2（子）<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <tit...
复制链接

扫一扫