让标签的背景颜色等于下方标签颜色
时间: 2023-10-14 20:20:57 浏览: 32
您可以使用 CSS 中的 `background-color` 属性来设置标签的背景颜色,然后使用 JavaScript 来获取下方标签的颜色值,再将其赋值给标签的 `background-color` 属性即可。
HTML 代码:
```html
<div class="tag">标签</div>
<div class="color"></div>
```
CSS 代码:
```css
.tag {
display: inline-block;
padding: 5px 10px;
background-color: #ccc;
}
.color {
height: 50px;
width: 50px;
background-color: #ff0000;
}
```
JavaScript 代码:
```javascript
const tag = document.querySelector('.tag');
const color = document.querySelector('.color');
const bgColor = window.getComputedStyle(color).getPropertyValue('background-color');
tag.style.backgroundColor = bgColor;
```
在上面的代码中,我首先使用 `window.getComputedStyle` 方法获取了下方标签的 `background-color` 值,然后将其赋值给标签的 `background-color` 属性。您可以根据实际需求进行调整。