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

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

例如,

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

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

在CSS文件中

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

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

您可以使用属性选择器：

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

但请记住,name不是< div>的有效属性.或者< img>,即使上面的选择器会起作用.最好将它们更改为类,或者如果您使用的是HTML5,请为它们添加数据前缀,所以它看起来像这样：

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

然后使用此选择器：

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