您可以使用CSS在ID中定位ID吗？

Question

我的例子是在一个HTML文件中,表示你无权访问更改 - 只能通过样式表访问CSS.你能否在一个ID中定位一个与你的Classes相同的ID？

#id1 #id2 {styles...}

类似于你如何使用CSS:

.class1 .class2 {styles...}

我可能只是在这里有一个大脑失败.

Answer 1

是的,像这样:

#one #two {
    color: purple;
}

将选择:

<div id="one">
    <div id="two"></div>
</div>

这实际上并不是必需的,因为每个页面只应该有一个同名的id,所以选择器#two {}本身就可以了.

Answer 2

是的,你可以这样做; 它完全有效.但它通常也毫无意义,因为ID必须在页面中是唯一的,所以只选择单个ID应该总是足以精确选择你想要的元素; 你不应该需要任何额外的父选择器来限定它,无论是另一个ID或类或其他什么.

我可以看到一个用例,其中你有一个动态ID的元素在页面中出现的地方出于某种原因可能出现在不同的位置,你希望它根据它在哪里看起来不同页面出现.

为此,拥有#id1 #id2选择器可能是有效的.但它可能是一个相当罕见的用例,即使对于这种用法,类可能是一个更适合工作的工具.