css - 我们可以仅通过 CSS 文件中元素的名称来编写选择器吗？

Question

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

例如，

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

我想在 css 文件中采用 inner-mage 的样式，例如 [outer-name] [inner-image]

在 CSS 文件中

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

我不能将选择器作为 [outer-name] img 等..只能按名称选择

Answer 1

您可以使用属性选择器:

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

但请记住 name不是 <div> 的有效属性或 <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"]