我在CSS样式方面有点新鲜。
我有一个样式表，其中图像标题<p class="caption">是浅色的，而普通文本是暗白色的。这通常很好用，但样式表中的其他位置设置为strong {color: #XXX}，它似乎覆盖了我在CSS中.caption标记中设置的颜色。
我想要做的是：
p.caption strong {color:#YYY}
...在标题中给出<strong>自己的颜色，但这显然不是正确的语法。我该怎么做？
html是自动生成的，我不太熟悉它的代码，所以最好只使用CSS解决方案。
答案 0 :(得分：1)
语法p.caption strong {color:#YYY}是正确的，自然地假设#YYY被实际颜色值替换。如果它不起作用，那么有一些其他样式表使用更具体的选择器和/或!important说明符覆盖它。您需要检查其他样式表的作用并修改您的规则，以便“赢”。
开发人员工具（通常通过按F12键打开）可让您查看哪些样式表规则适用于元素。
如果另一个样式表仅设置strong {color:#XXX}，则不会赢得您的规则。它可能有strong {color:#YYY !important}，在这种情况下，您还需要使用!important 和更具体的选择器。仅使用p.caption strong {color:#YYY} !important可能有所帮助，但如果其他样式表具有类似的规则则不会，在这种情况下，您需要使选择器更具体。这可能会导致像html body p.caption strong {color:#YYY}这样的人工选择器。
答案 1 :(得分：0)
如果您无法更改原始CSS，请尝试覆盖此值：
p.caption strong {color:#YYY !important}