<h1><a href="#">文章标题</a></h1>
<article>
  <p>文章正文<a href="#">这是一个超链接</a></p>
  <a href="#">这是一个超链接</a>
  <h2><a href="#">二级标题</a></h2>
  <p>这是一个无序列表：</p>
  <ul>
    <li>列表项1</li>
    <li><a href="#">列表项2</a></li>
    <li>列表项3</li>
  </ul>
  <h3><a href="#">三级标题</a></h3>
</article>
/* li a, article a, p a {
  color: #000000;
}

h1 a, h2 a, h3 a {
  color: green;
} */

:is(li, article, p) a {
  color: #999999;
}

:is(h1, h2, h3) a {
  color: green;
}

/* 支持套娃 */
/* :is(article, p) :is(h2, li) a {
  color: #ff3344;
} */

/* 等同于 */
/* article h2 a, article li a, p h2 a, p li a {
  color: #ff3344;
} */

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.