造型块引用

Question

我在使用我的blockquotes的样式时遇到了麻烦。我已经尝试了一切，它似乎根本就没有风格。

Answer 1

您的（？）规则blockquote { color: orange}位于样式表的末尾。如果没有媒体查询，那就没问题 你没有看到双重关闭}吗？第一个结束CSS规则（像往常一样），第二个和最后一个结束@media规则。

在第一个@media () { } at-rule之前搜索CSS的 main 部分的结尾，然后将规则移到那里。

编辑：您应该将p或其他块元素用于blockquote并对其进行样式设置，而不是直接blockquote元素。 OT：您的一张图片缺少alt属性。它们是强制性的（装饰图像必须为空但仍然存在：alt=""）

Answer 2

在其他条件相同的情况下，使用值为'blockquote'的类型选择器

blockquote {
    color: orange;
}

实例：http://jsfiddle.net/t7S8C/

（您未向我们展示的代码问题可能是您正在设置blockquote的样式，然后更改blockquote中元素的所有样式，在这种情况下descendent selector是您的朋友，但要注意specificity）。

Answer 3

blockquote {
    color: red;
}

必须工作。如果它不起作用，可能你有覆盖CSS？等，

blockquote {
     color: black !important;
}

Answer 4

样式在最大宽度：767px的媒体查询中，因此它只能在该res或更低的分辨率下工作。从那里删除它并将其放在样式表的其他地方，它应该工作。

我在萤火虫中试过这个并且它有效了