1. div pdiv p {} 是定义标签中所有的标签，包括所有的子标签和孙辈的标签的样式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div p{ background-color: red; color: white; } <
1. div p
div p {} 是定义<div>标签中所有的<p>标签，包括所有的子标签和孙辈的标签的样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div p{
background-color: red;
color: white;
}
</style>
</head>
<body>
<p class="p">我是class等于p的p标签</p>
<p>我是p标签</p>
<div>
<p>我是div的子标签</p>
<p class="p">我是div的子标签，我是class等于p的p标签</p>
<span>
<p>我是div的孙子标签</p>
</span>
</div>
<p>我是紧跟在div后面的p标签</p>
<p>我是在div标签后面的p标签</p>
</body>
</html>
运行结果：
2. div>p
div>p {} 是定义<div>标签中所有的子标签中的<p>标签，不包括孙辈的标签的样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
