HTML如何设置唯一子类型样式？only-of-type伪类的作用是什么？

答案：使用 :only-of-type 伪类可为父元素中唯一类型的子元素设置样式，如唯一段落变红；与 :only-child 不同，它仅关注特定类型元素的唯一性，常用于内容排版、表单设计等场景，兼容性方面建议用 JavaScript 检测并添加 class 以支持旧浏览器。

<p>

<p>HTML设置唯一子类型样式，简单来说，就是让某个特定类型的元素，如果它在父元素中是唯一的，就应用特定的样式。

only-of-type

伪类就是干这个的。

<p>解决方案： 使用

:only-of-type

伪类。这个伪类会选择父元素中唯一的特定类型的子元素。

<p>举个例子，假设你有一个

<div>

里面只有一个

<p>

元素，你想让这个唯一的

<p>

元素显示为红色。你可以这样写：

   


    <div>   <p>This is the only paragraph.

<div> <p>This is one paragraph.

<p><span>立即学习“前端免费学习笔记（深入）”；

<p>This is another paragraph.