html - 如何使所有 div 与其窄集同级的宽度相同

Question

如何使所有 div 与其最窄同级的宽度相同。

例如:我有一个:

<div class="wrapper">
  <div class="div1">Hello</div>
  <div class="div2">Hello this s some text</div>
</div>

这里我想做div2元素的宽度与其最窄的兄弟元素 ( div1 ) 相同，而不更改 HTML 部分。

Answer 1

如果您只想将 css 样式应用于类名中包含“div”关键字的元素，例如“div1”、“div23”或“super_div”并且是“wrapper”类的子元素，那么您可以使用此CSS 选择器。

.wrapper [class*="div"] {
  width="100%"
}

<div class="wrapper">
    <div class="div">Hello</div>
    <div class="div">Hello this s some text</div>
</div>