如何在CSS中更改内部的img样式？

Question

我需要快速帮助：

我有这样的CSS：

#ranking li span.awa
{ 
    //Something
}

HTML就像这样：

             <span class=\"awa\"> 
                <div >
                    <a href=''>
                      <img src=''>
                    </a>
                </div>
              </span>

现在我不知道img的名称是什么，也不能将类类型放到img标签中。 我需要在CSS中设置img内部类的awa应该有border：0px;怎么做？

在para langauge我需要这个：

#ranking li span.awa.img
{ 
    border: 0px;
}

但它不起作用。如何正确地写这个？

Answer 1

使用空格，就像你曾经使用过两次一样。空间意味着“在某处”：

#ranking li span.awa img
{ 
    border-style: none;
}

span.awa.img，我的方式，意味着包含两个类的范围：<span class="awa img">。

Answer 2

#ranking li span.awa img
{ 
    border: 0px;
}

另请注意，您的标记无效，<div>不能是<span>的子级，因为它是块级元素。