css选择器中空格和逗号等

最新推荐文章于 2023-05-12 11:28:10 发布

在路上669

最新推荐文章于 2023-05-12 11:28:10 发布

阅读量1.1k

点赞数 1

分类专栏： css

本文链接：https://blog.csdn.net/obj_668793/article/details/110646878

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
	<style type="text/css">
		.a{
			color: red;
		}

		.a,.b{/* 两个选择器之间是逗号的情况下，代表的是选择了两个类选择器 */ 
			color: red;
		}

		.a .c{ /* 当两个选择器之间有空格的情况下，代表的是子类选择器 */ 
			color: green;
		}
		.a.d{ /* 两个选择器之间没有空格的情况下，代表的是同时拥有两个类名的标签 */ 
			color: #140edd;
			font-size: 50px;
		}
	</style>
</head>
<body>
	<h5>两个选择器之间是逗号的情况下，代表的是选择了两个类选择器:</h5>
  <div>
    .a,.b{color: red;}
  </div>
	<div class="a">a</div>
	<div class="b">b</div>

	<h5>当两个选择器之间有空格的情况下，代表的是子类选择器</h5>
  <div>
    .a .c{color: green;}
  </div>
	<div class="a">
		<div class="c">c</div>
	</div>
	<h5>两个选择器之间没有空格的情况下，代表的是同时拥有两个类名的标签</h5>
  <div>
    .a.d{
    	color: #140edd;
			font-size: 50px;
    }
  </div>
	<div class="a d">a d</div>
</body>
</html>

优惠劵

在路上669

关注关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
css选择器中空格和逗号等

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""> <style type="text/css"> .a{ color: r.
复制链接

扫一扫