极客观点
项目管理
HarmonyOS
html代码：
<body>
<header>
<h1>知识</h1>
<!-- 设置下边阴影 -->
</header>
<main>
<section>
<div>
<p>1</p>
<p>2</p>
<p>3</p>
</div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</section>
<aside>
<!-- 侧栏目录 -->
</aside>
</main>
<footer>
</footer>
</body>
</html>css代码：
/* div :nth-of-type(odd) {
background-color: green;
} */
section :nth-child(odd) {
background-color: green;
}
p:nth-child(odd) {
color: red;
}问题就在与排序的问题，
顺序分为了两段进行渲染，我搞不懂。。。选择的原理，只知道nth-child如果确定第几个子元素，但不是该tag就会渲染失效，但是这里显然不是这个问题。
这段就是 <section> 里面每个元素第odd个背景是绿色（包括section元素），相当于加了*（通配符）
这段就是p下第odd个元素，把上面的*变成p