img.my_class和.class＆gt;之间的区别我的课

Question

以下CSS声明有什么区别，哪一个更快？

A）

img.my_class{ border: solid; }

b）中

.my_class > img{ border: solid; }

Answer 1

a）用于获取具有特定类的图像标记。

<img class="test_class" />

b）用于在具有特定类的标记的子项内获取图像标记。

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

Answer 2

a）将选择任何类myclass

的图像

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

b）将选择任何具有类.my_class

的任何元素的直接子元素的图像

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

Answer 3

a）适用于所有类“my_class”

b）适用于“.my_class”类的直接后嗣

Answer 4

第一个是使用img类引用my_class元素：

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

而第二选择器正在查找img元素，该元素是my_class的其他元素的子（直接后代），例如

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

基本上，他们都有不同的目的，所以测量他们的速度是非常奇怪的。