Question

我在下面有一些标记，我想用css做的是针对以下3点。

我尝试过以下代码失败

img[style*="right"][class="media-element"] {margin-left:10px;}

使用以下选择样式作品

img[style*="right"]...

Answer 1

试试这个：

img.media-element[style*="right"] {margin-left:10px;}

如果您知道确切的类名，则无需使用属性相等选择器。请改用.（点）符号。

Answer 2

您的属性选择器[class="media-element"]会查找class属性的整个值的完全匹配项。只有当标记中出现的属性正好为class="media-element"且没有其他类名时，它才会匹配该元素。否则，它将失败。

如果你按类名选择，你真的应该使用类选择器：

img[style*="right"].media-element {margin-left:10px;}

如果你有充分的理由，你应该只使用带有class属性的属性选择器。

Answer 3

如果class=''内有多个班级，那么[class="media-element"]将不会匹配任何元素，

你可以做的是，

img[style*="right"][class*="media-element"] {margin-left:10px;}