Разница между img.my_class и .class> my_class

Question

В чем разница следующих объявлений CSS, а какая из них быстрее?

)

img.my_class{ border: solid; } 

б)

.my_class > img{ border: solid; } 

Answer 1

а) Используется для получения тега изображений с конкретным класс.

<img class="test_class" /> 

b) Используется для получения тега изображения у детей тега с определенным классом.

<div class="test_class"> 
    <img /> 
</div> 

Answer 2

а) будет выбрать любое изображение с классом myclass

<img src="" class="my_class" /> 

б) будет выбрать любое изображение, которое является прямыми потомками любого элемент с классом .my_class

<div class="my_class"> 
    <img src="" /> 
</div> 

Answer 3

а) применяется ко всем с классом «my_class»

б) относится к которой являются прямыми decendents класса «.my_class»

Answer 4

Сначала один имеет в виду img элемента с my_class класса:

<img src="..." class="my_class" /> 

В то время как второй селектор ищет img элемент, который является дочерним (прямым потомком) другого элемента с my_class, например,

<div class="my_class"> 
    <img src="..." /> 
</div> 

В принципе, они оба имеют совершенно другую цель, поэтому измерение их скорости довольно странно.