使用CSS:only-of-type选择器设置每个<p>元素的样式,这些元素是其父元素的唯一<p>元素。
您可以尝试运行以下代码来实现:only-of-type选择器
<!DOCTYPE html>
<html>
<head>
<style>
p:only-of-type {
background: orange;
color: white;
}
</style>
</head>
<body>
<div>
<p>This is demo text 1.</p>
</div>
<div>
<p>This is demo text 2.</p>
<p>This is demo text 3.</p>
<p>This is demo text 4.</p>
</div>
</body>
</html>