gpt4 book ai didi

html - 您如何称呼 CSS 中根据其祖先选择元素的技术?

转载 作者:太空宇宙 更新时间:2023-11-03 21:59:48 24 4
gpt4 key购买 nike

我正在开发一个元素,其中包含一个可以简化为以下内容的示例。您如何称呼 CSS 中使用的技术名称?

<html>
<head>
<style type="text/css">
#numberone #numbertwo #numberthree
{
color: red;
}
</style>
</head>
<body>
<div id="numberone">
<div id="numbertwo">
<div id="numberthree">
This is red
</div>
</div>
</div>
<div id="numberthree">
This is not red
</div>
</body>
</html>

最佳答案

我假设您指的是使用 descendant combinators以具有特定祖先结构的元素为目标。来自规范:

A descendant combinator is whitespace that separates two sequences of simple selectors. A selector of the form "A B" represents an element B that is an arbitrary descendant of some ancestor element A.

我将修改您的 CSS 以使用类选择器而不是 ID 选择器,因为 ID 值在文档中必须是唯一的。此示例将选择具有类名 numberthree 的元素,这些元素是具有类名 numbertwo 的元素的后代,这些元素是具有类名 numberone 的元素的后代>:

.numberone .numbertwo .numberthree {
color: red;
}

而此示例将选择所有具有类名 numberthree 的元素,而不管它们的祖先:

.numberthree {
color: red;
}

因此,鉴于您的示例标记(再次修改为使用类),以下将适用:

<div class="numberone">
<div class="numbertwo">
<div class="numberthree">
This is red for both snippets above
</div>
</div>
</div>
<div class="numberthree">
This is only red for the second snippet above
</div>

关于html - 您如何称呼 CSS 中根据其祖先选择元素的技术?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11290518/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com