我们可以只通过CSS文件中的元素名称来编写选择器

Question

我们可以只用名字来编写选择器吗？

例如,

<div name= "outer-name">
    <img name="inner-image" src="images/ine.jpg" alt"" />
</div>

我想在[外部名称] [内部图像]的css文件中采取内部图像的样式

在CSS文件中

[outer-name] [inner-image] {
    /*styles*/
}

我不能把选择器作为[外名] img等..只能按名称选择

Answer 1

您可以使用属性选择器:

[name="outer-name"] [name="inner-image"]

但请记住,即使上面的选择器name有效,它也不是<div>or 的有效属性<img>.最好将它们更改为类,或者如果您使用HTML5,请data-为它们添加前缀,因此它看起来像这样:

<div data-name= "outer-name">
    <img data-name="inner-image" src="images/ine.jpg" alt"" />
</div>

然后使用此选择器:

[data-name="outer-name"] [data-name="inner-image"]