gpt4 book ai didi

css - 如何引用类为 ="name1 name2"的 div?

转载 作者:技术小花猫 更新时间:2023-10-29 10:25:03 33 4
gpt4 key购买 nike

我正在处理教程中的一些 CSS,一个 div 有这个类:

<div class="related products">

如何在样式表中引用它?

最佳答案

div 实际上有两个类,relatedproducts。您可以在样式表中使用 .related.products 引用它,它将从这两个规则中选取样式。例如,使用以下 CSS,您问题中 div 中的文本将显示为红色,字体大小为 12:

.related { color:#ff0000 }
.products { font-size:12px }

如果您想选择具有这两个类的元素,请在您的样式表中使用 .related.products。例如,在上面的示例中添加以下内容:

.related.products { font-weight:bold }

div 中的文本将接收所有三个规则,因为它匹配所有 3 个选择器。这是一个有效的 example .

关于css - 如何引用类为 ="name1 name2"的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7026376/

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