gpt4 book ai didi

html - 为什么我不能在 css 中更改类级别上 html 按钮的宽度?

转载 作者:行者123 更新时间:2023-12-03 15:18:36 25 4
gpt4 key购买 nike

这个问题在这里已经有了答案:





What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?

(3 个回答)


7 个月前关闭。




我想要三个按钮,每个按钮占用分配空间的 33%。它们被分组在一个“数字”类中。
当我为按钮标签定义宽度时,这工作正常,但是当我为它们所属的类中的所有按钮执行此操作时,没有任何 react 。
html:

<html>
<link rel="stylesheet" href="opmaak.css">
<body>
<section class="numbers">
<button type="button" value=1> 1</button>
<button type="button" value=2> 2</button>
<button type="button" value=3> 3</button><br>
</section>
</body>
</html>
css 当我在按钮级别执行此操作时:
button {
width: 33%;
}
css 当我为该类的所有按钮尝试它时:
button.numbers {
width:33%;
}
谁能指出这是为什么?

button.numbers {
width: 33%;
}
<html>
<link rel="stylesheet" href="opmaak.css">
<body>
<section class="numbers">
<button type="button" value=1> 1</button>
<button type="button" value=2> 2</button>
<button type="button" value=3> 3</button><br>
</section>
</body>
</html>

最佳答案

这只是 CSS 选择器的一个问题:

button.numbers {
width:33%;
}
应该:
.numbers > button {
width:33%;
}
每个 button.numbers 的直系 child 类(class)。
原始选择器 button.numbers只会选择 button具有 numbers 类的元素(即 <button class="numbers" ...> )。

关于html - 为什么我不能在 css 中更改类级别上 html 按钮的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66929885/

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