Question

我有一个多个div，我想更改div边框颜色，但我不知道这个页面上有多少div，如何更改所有div边框颜色。我已经过去是代码是这样或不是。

＆＃13;

div {
  height: 5%;
  width: auto;
  border: 3px solid;
  border-color: green;
  background-color: aliceblue;
}

＆＃13;

<link href="~/Content/Style.css" rel="stylesheet" />

<div class="B1">
  <p>Hello World</p>
</div> <br />
<div class="B2">
  <p>Hello World</p>
</div><br />

<div class="B3">
  <p>Hello World</p>
</div><br />

<div class="B4">
  <p>Hello World</p>
</div><br />

<div class="B5">
  <p>Hello World</p>
</div><br />

<div class="B6">
  <p>Hello World</p>
</div><br />

<div class="B7">
  <p>Hello World</p>
</div><br />

<div class="B8">
  <p>Hello World</p>
</div><br />

＆＃13;

Answer 1

再次更新反映新问题：

你可以看到@this jsfiddle使用div:not(:last-child) { border-color: red; }

可以使用css定位除最后一个div之外的所有div

有很多css选择器及其用途，例如，你可以在这里阅读一些非常简洁的解决方案@css tricks

一页上的多个div在css中改变颜色

1 个答案: