css - XPath转换为CSS

Question

我需要您的帮助，我想将XPath转换为CSS，我有以下代码和以下xpath：
/descendant::p/parent::*/child::p[position()=1] ...选择为（B D F H）

<?xml version="1.0" ?>
<book>
     <title>A</title>
     <p>B</p>
     <p>C</p>
<chapter>
    <p>D</p>
    <p>E</p>
    <section>
        <p>F</p>
        <section>
            <title>G</title>
            <p>H</p>
        </section>
        <p>I</p>
    </section>
</chapter>

我如何将其转换为CSS？

Answer 1

我不确定您要查找的内容是什么，但是使用p:first-of-type会选择其父对象中的第一段元素：

p:first-of-type {
  background-color: gold;
}

所选元素： B D F H： Demo。