假设我有一个包含 3 个 block 引号的 html 页面。如何在不使用类的情况下将(页面的)第一个 blockquote 的背景设置为红色 with css？
我已经试过了...
body blockquote: first-child {
background-color: red;
}
...没有成功。
谢谢。
最佳答案
在一般情况下，仅靠 CSS 是无法做到这一点的。没有“类型的第一个后代”选择器，只有“类型的第一个 child ”。
但是，通常可以对标记进行假设。为了明确起见，假设页面内容在 <div id=content>...</div> 内而这一切blockquote元素显示为该元素的子元素。然后你可以只使用 :first-of-type选择器:
<style>
#content blockquote:first-of-type {
background-color: red;
}
</style>
<div id=content>
<p>Some stuff
<blockquote>I am quoted.</blockquote>
<p>Some more stuff
<blockquote>I am quoted, too.</blockquote>
</div>
关于html - 为页面的第一个 block 引用定义样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28657380/