如何为图形元素 (CSS) 中的 img 元素创建样式规则

【问题标题】：How to create a style rule for img elements within figure elements (CSS)如何为图形元素 (CSS) 中的 img 元素创建样式规则
【发布时间】：2013-09-20 23:10:43
【问题描述】：

对不起，我知道这是一个简单的问题，但我已经在网上搜索并尝试找到这个解释，也许我没有正确地问这个问题..

我只是想知道如何为图形元素中的 img 元素创建样式规则。我希望该规则仅适用于图形元素中的 img 元素。我实际上刚刚开始学习 html5 和 css，而且我已经达到了这个减速带。

很抱歉，如果这个问题已经得到解答，而且很可能已经得到解答，但我发现的所有内容都在解释一些更高级的程序，或者显示如何将其应用于元素内的类，但 'figure.img {}' 或 'img .figure {}' 似乎不起作用。

【问题讨论】：

标签： css html image elements figure

【解决方案1】：

试试figure img { } 或figure > img {}。这取决于你到底想达到什么。第一种语法表示任何元素 img 是元素 figure 的后代。第二个匹配 figure 的任何 child img（直系后代）。

figure.img 表示属于“img”类的图形。

您可以在此处阅读有关 CSS 选择器的更多信息：http://www.w3.org/TR/CSS2/selector.html#pattern-matching。

【讨论】：

是的，这就是我的想法，因为到目前为止我所看到的，.指一个类。好吧，我想两者都行，但我会使用 > 因为 img 是一个孩子。非常感谢！
在这种情况下，我总是推荐图 > img {}，因为它比图 img { }