Question

这是我的HTML

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

因为我正在使用joomla来创建网站。所以“两个”正在改变每个页面的颜色，所以我想将“one”的背景颜色设置为与“two”的颜色相同。我怎么能这样做？

修改

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

我会设置

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

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

Answer 1

除了#main的孩子之外，第二个标签与第一个标签没有固有的关系，因为我知道你可以通过将它们设置为相同的颜色或设置#main div来实现这一点颜色

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

除此之外，您指定#two在每个页面上更改颜色，只是从#main继承颜色。

查看此fiddle以查看其工作原理

Answer 2

你可以做的是使用类并为该类设置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'类的颜色，两者都会继承相同的背景颜色。

Answer 3

你可以用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);