div类和跨度内的CSS类IMG

Question

嗨,开始我有这样的代码:

<div class="123_test" tabindex="0" role="button">

    <span class="">
        <img class="" alt="" src="picturetopic"></img>        
    </span>
</div>

我怎样才能img在123_test课堂上设计这个风格？

Answer 1

首先你不能用数字开始一个类名,我假设它是从某个地方生成的,因为类是空的,但是如果可以,那么考虑改变它,就像

class="name_123_test"

并使用下面的选择器

.name_123_test > span img {
   /* Styles goes here */
}

在CSS中,标识符(包括选择器中的元素名称,类和ID)只能包含字符[a-zA-Z0-9]和ISO 10646字符U + 00A0和更高,加上连字符( - )和下划线( _); 它们不能以数字,两个连字符或连字符后跟数字开头.标识符还可以包含转义字符和任何ISO 10646字符作为数字代码(请参阅下一项).例如,标识符"B&W？" 可以写成"B \&W \？" 或"B\26 W\3F".

W3C参考

Answer 2

为什么你的class属性是空的？

如果要将123_test类应用于img标签，只需将其添加到class属性中：

<img class="123_test" alt="" src="picturetopic"></img>

或者您的意思是您想使用祖先div作为 的风格指南img？在 CSS 中，您可以将 引用img为该类的后代123_test：

.123_test img
{
    // css rules
}

两个标识符之间的空格意味着后者是前者的后代。