如何爲圖元素（CSS）中的img元素創建樣式規則

Question

對不起，我知道這是一個簡單的問題，但我已經在網上搜索以嘗試找到解釋，也許我沒有問這個問題。

我只是想知道如何爲圖元素中的img元素創建樣式規則。我希望規則僅應用於圖元素中的img元素。我從字面上剛開始學習html5和css，並且我已經碰到了這個speedbump。

對不起，如果這個問題已經被回答了，而且可能有，但是我找到的所有東西都是解釋一些更高級的程序，或者說明如何將這個應用到元素中的類，但是'figure.img {}'或' img.figure {}'似乎沒有工作。

Answer 1

嘗試figure img { }或figure > img {}。這取決於你想要達到的目標。第一種語法表示任何元素img，它是元素的後代數字。第二個匹配任何孩子img圖（直系後裔）。

figure.img意味着一個數字，它是類「img」。

您可以在這裏閱讀更多關於CSS選擇器：http://www.w3.org/TR/CSS2/selector.html#pattern-matching。