<分区>
html - 如何在带有 div 的 CSS 中使用选择器
我想选择 css 类。
但是我的代码不起作用。
下面是代码。我想改变按钮的宽度。
但是 CSS 的选择器不起作用。在这种情况下我应该如何使用 css 选择器..
.vendor {
display: flex;
}
.vendor .vendor-btn {
width: 500px;
}<body>
<div class="vendor">
<button class="vendor-btn btn-primary">Hello</button>
<input class="vendor-input" type="text" />
</div>
</body>最佳答案
未指定 flex-basis 的 flex 父行的子元素将使用 flex 的 和 width 值-basiswidth 属性将表现得像被忽略一样(因为该元素将不再具有固定的 width 值)。
您可以在帖子的片段中看到这一点:
- 点击“运行代码片段”
- 观察到子元素的视觉宽度确实为
500px。 - 单击整页链接。
- 观察子元素的视觉宽度仍为
500px。 - 使浏览器窗口窄于 500 像素
- 观察子元素现在比
500px窄:
如果您希望 flex 子级始终正好是 500px，则设置 flex-shrink: 0; 和 flex-grow : 0(因此它们具有最小的增长或收缩优先级，并将保留 500px 的 flex-basis(通过 width) ).
关于html - 如何在带有 div 的 CSS 中使用选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55134695/