标签：div char set lang doctype 属性 关系 ext meta
基础选择器：
id选择器：#id属性值{}
类选择器：.class属性值{}
标签选择器：标签{}
高级选择器：
后代选择器：通过标签之间的嵌套关系。层级关系、限定大体范围、在范围内查找相关元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="A.css" re l="stylesheet" type="text/css;/">
<style>
<!--通过div下一级p进行设置颜色-->
div p{
color: red;
}
</style>
</head>
<body>
<div>
<p>我</p>
</div>
<p>你</p>
</body>
</html>
交集选择器：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="A.css" re l="stylesheet" type="text/css;/">
<style>
<!--交集选择器：通过标签与类选择器进行选择-->
p.A{
color: red;
}
</style>
</head>
<body>
<div>
<h1 class="A">你</h1>
<p class="A">我</p>
</div>
</body>
</html>
标签：div char set lang doctype 属性 关系 ext meta
原文地址：https://www.cnblogs.com/liyunchuan/p/11604235.html
