Javascript CSS样式被覆盖-选择器不够具体？

不应用CSS类中的样式（由其他选择器覆盖）。我怎样才能修好它

HTML:

问题：类

中的样式。出现的
被
中的样式覆盖。expertmode#gallery img
。我不想那样。如何使
中出现的样式具有更高的优先级

更多信息：


.embeging
是一个类，当新图像插入到库中，然后被删除（javascript）时，该类首先应用于新图像，以便触发CSS3转换，从而使图像顺利滑入。该类似乎正在工作，因为如果我在
选择器中设置其他选择器中不存在的属性，它们将正确应用于图像

.expertmode
是
主体
可以拥有或不拥有的类。这个问题无关紧要，我就是解决不了
使用！重要指示。比如说

.appearing {color: navy !important;}

这个！重要规则是一种使CSS层叠的方法，但也要始终应用您认为最重要的规则。这是一条有规则的规则！重要属性将始终应用，无论该规则出现在CSS文档中的何处。因此，如果您想确保始终应用某个属性，您可以添加！重要财产。然而，这绝对是最后的手段。最好以更结构化的方式创建样式。
使用此选项向标准img属性添加新样式

.expertmode #gallery img.appearing {...}

你总是可以使用
一些东西：200px！重要的
覆盖更具体的选择器。但是你必须考虑编辑CSS以后的问题。无论如何，您可以在这里阅读更多内容：提示：使用特殊性计算器（输入要比较的选择器，然后单击“按特殊性排序”）啊！请不要使用
！重要信息
除非您必须这样做！没有必要投否决票，这是一个答案。但是@mrangry777没有解释
的问题！重要信息
谢谢，这很有效！我以前尝试过几乎相同的方法，但是在img和dot之间有一个额外的空格。那是行不通的。
.expertmode #gallery img.appearing {...}