现要将A、B两部分的同一样式修改为不同的值。
(比方说,设置不同的字体。)
html
<blockquote> <p>This is Part A</p> </blockquote> <p>That is Part B</p>
问题来了:奇葩的系统会把HTML标签的所有属性过滤掉…
所以无法使用<p class="foo">
这样的标签,只能用<p>
。
请问CSS怎么写,才能区分开上述A和B。
一楼正解。。
blockquote ~ p { color: #000; }
blockquote + p { color: #000; }
... ...
之类的选择器。
css
p { color: #333; } blockquote p { color: #000; }
或
css
p { color: #333; } blockquote > p { color: #000; }