第十二课--分组 和 嵌套 选择器

43 阅读1分钟
a.分组
在样式表中有很多具有相同样式的元素。为了尽量减少代码,你可以使用分组选择器。每个选择器用逗号分隔。如下:
h1,h2,p{
    color: #FFA500;
}
b.嵌套
.marked p{ }: 为所有 class="marked" 元素内的 p 元素指定一个样式。
p.marked{ }: 为所有 class="marked" 的 p 元素指定一个样式。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分组 和 嵌套 选择器</title>
    <link rel="stylesheet" href="demo.css">
</head>
<body>
<h1>abcd</h1>
<h2>fffffff</h2>
<p>kkkkkkkk</p>
<p>kkkkk<span>`112121</span>kkk</p>
</body>
</html>
h1,h2,p{
color: #FFA500;
}
p span{
color: aquamarine;
}