html - 将特定列表元素置于斜体的 CSS 代码(不更改 html 代码)

Question

给定以下 html 代码，将列表中的第三个元素(即“美丽”一词)以斜体显示的 CSS 代码是什么？当然，我可以给这个元素一个 id 或一个 class，但 html 代码必须保持不变。谢谢

<div id = "presentation">
    <h2>presentation</h2>
    <p>She is :</p>
    <ul>
        <li>nice</li>
        <li>lovely</li>
        <li>beautiful</li>
        <li>...</li>
    </ul>
</div>

Answer 1

你可以使用ul li:nth-child(3)

ul li:nth-child(3) {
  font-style: italic;
}

<div id = "presentation">
    <h2>presentation</h2>
    <p>She is :</p>
    <ul>
        <li>nice</li>
        <li>lovely</li>
        <li>beautiful</li>
        <li>...</li>
    </ul>
</div>