x
 
<!DOCTYPE html>
<html>
<head>
<style> 
p:only-of-type {
  background-color: red;
}
li:only-of-type {
  color: salmon;
}
b:only-of-type {
  color: green;
}
</style>
</head>
<body>
<h1>:only-of-type 演示</h1>
<div>
  <p>这是 div 中的一个段落。</p>
</div>
<div>
  <p>这是 div 中的第一个段落。</p>
  <p>这是 div 中的第二个段落。</p>
</div>
<p>这里有一些 <b>加粗文本</b></p>
<p>这里是一些列表:</p>
<ul>
  <li>第一个列表项</li>
</ul>
<ol>
  <li>第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>  
</ol>
</body>
</html>