📅 最后修改于: 2023-12-03 14:40:17.898000 🧑 作者: Mango
CSS | :only-of-type 选择器是一种CSS伪类选择器，用于选择只有一个指定类型的子元素的父元素。在本文中，我们将深入了解CSS | :only-of-type 选择器，以及如何使用它。
以下是使用CSS | :only-of-type 选择器的语法：
parent-element:only-of-type {
/* styles */
}
CSS | :only-of-type 选择器可用于选择只有一个特定类型的子元素的父元素。它是一个很有用的选择器，使我们可以选择一个只有一个指定类型的子元素的父元素，而无需知道其兄弟姐妹的数量。
以下是一个使用CSS | :only-of-type 选择器的例子：
<body>
<div>
<p>Paragraph 1</p>
</div>
<div>
<p>Paragraph 2</p>
<p>Paragraph 3</p>
</div>
<div>
<p>Paragraph 4</p>
</div>
</body>
div:only-of-type {
background-color: yellow;
}
在上面的例子中，只有第一个和最后一个div元素被选中，因为它们分别只包含一个子元素。
在本文中，我们深入介绍了CSS | :only-of-type 选择器的用法，包括其语法和如何使用该选择器在HTML文档中选择只有一个指定类型的子元素的父元素。使用这个选择器可以使我们更准确地选择元素，而不必担心它们的兄弟姐妹的数量。