这个博客展示了如何使用CSS选择器来应用样式到HTML元素上。通过`div p`和`div > p`的选择器，可以看到如何分别选择`div`内的所有`p`元素以及直接子元素`p`，并改变它们的背景颜色为红色。示例中包含了一个`div`内的`p`元素和一个嵌套在`span`中的`p`元素，展示了选择器的用法和效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
<style>
/* div p 选择<div>元素内的所有<p>元素 */
div p {
background-color: red;
}
</style>
</head>
<body>
<h1>测试数据</h1>
<div>
<p>我是div下的p标签</p>
<span>
<p>我是div下span的父标签</p>
</span>
</div>
</body>
</html>
div p的运行效果
/* div>p 选择所有父级是 <div> 元素的 <p> 元素 */
div>p {
background-color: red;
}
div>p的运行效果
扫一扫
3324
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
