html - 从以下 div 标签继承背景颜色

Question

这是我的html

<div id = "main">
  <div id = "one">some text</div>
  <div id = "two">two text</div>
</div>

因为我正在使用 joomla 创建网站。所以“二”正在改变每一页的颜色，所以我想将“一”的背景颜色设置为与“二”的相同。我怎样才能做到这一点？

编辑

如果我必须从#main 设置继承的背景颜色，那么

我会设置

#main{background-color: red;}
#one{background-color: inherit;}

像这样我想从#two 设置继承的颜色。

score 0 · Accepted Answer

您可以做的是使用类并为该类设置css。例如

HTML：

<div id="main">
    <div id="one" class="bg">some text</div>
    <div id="two" class="bg">two text</div>
</div>

CSS：

.bg {
    background-color:red;
}

这样，您可以使用 jQuery 来切换“bg”类的颜色，并且两者都将继承相同的背景颜色。

score 0 · Accepted Answer

你可以用jquery来做。

html

<div id="main">
    <div id="one">some text</div>
    <div id="two">two text</div>
</div>

CSS

#two {
background-color:red;
}

jQuery

var newColor = $('#two').css("background-color");
$('#one').css('background-color', newColor);

score 0 · Accepted Answer

第二个标签与第一个标签没有内在关系，除了是的孩子#main，据我所知，您可以通过将它们都设置为相同的颜色或设置#maindiv 颜色来做到这一点

div#one, div#two {
    background-color: red;
}

除此之外，您指定#two在每个页面上更改颜色，只需从#main.

看看这个小提琴，看看它是如何工作的

3 回答 3