Как создать правило стиля для элементов img в фигурных элементах (CSS)

Question

Извините, я знаю, что это простой вопрос, но я искал в Интернете, чтобы попытаться найти это объяснение и, возможно, я не задал вопрос правильно.

Я просто хочу знать, как создать правило стиля для элементов img в элементах фигуры. Я хочу, чтобы правило применялось ТОЛЬКО к элементам img в элементах фигуры. Я буквально только начал изучать html5 и css, и я ударил эту скорость.

Извините, если этот вопрос уже был дан, и он, вероятно, имеет, но все, что я нахожу, объясняет более продвинутую программу или показывает, как применить это к классам внутри элементов, но «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.