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

时间:2013-09-20 23:10:44

标签: css html5 image elements figure

对不起,我知道这是一个简单的问题,但我已经在线搜索,试图找到这个解释,也许我不是在问这个问题..

我只想知道如何在图元素中为img元素创建样式规则。我希望规则只应用于图元素中的img元素。我刚刚开始学习html5和css,而且我已经点击了这个速度障碍。

很抱歉,如果这个问题已经得到解答,而且可能有,但我发现的一切都是解释一些更高级的程序,或者说明如何将其应用于元素中的类,但是'figure.img {}'或'img .figure {}'似乎没有用。

1 个答案:

答案 0 :(得分:1)

尝试figure img { }figure > img {}。这取决于你想要实现的目标。第一种语法是指任何元素 img ,它是元素 figure 的后代。第二个匹配数字(直接后裔)的孩子 img

figure.img意味着一个属于“img”类的数字。

您可以在此处详细了解CSS选择器:http://www.w3.org/TR/CSS2/selector.html#pattern-matching