继承另一个div的颜色？

我想边界div“ItemListHeader”继承另一个div“color1”的颜色不是父项（结构HTML波纹管）可能与CSS或JS？谢谢

#color1{ 
 
    background-color: rgba(11, 114, 180, 1); 
 
} 
 
#color2{ 
 
    background-color: rgba(1, 14, 18, 0); 
 
} 
 
.ItemListHeader{ 
 
border-right: 30px solid (inherit); 
 
}

<div class="List"> 
 
<ul class="Menu"> 
 
    <li class="topic1"> 
 
     <div id="color1" class="ColorBaseTopics"></div> 
 
      <ul class="SubTopic1"> 
 
       <li> 
 
        <div class="ItemListHeader"> 
 
        
 
        </div> 
 
       </li> 
 
      </ul> 
 
    </li> 
 
     <li class="topic2"> 
 
     <div id="color2" class="ColorBaseTopics"></div> 
 
      <ul class="SubTopic2"> 
 
       <li> 
 
        <div class="ItemListHeader"> 
 
        
 
        </div> 
 
       </li> 
 
      </ul> 
 
    </li> 
 
</ul> 
 
</div>

来源

2017-06-22 Faxelf

为什么不给颜色类的名称，并添加到这两个元素？ –

在这里，在CSS中，将color1声明为CLASS，并在div中将其用作ID。它也不会应用第一格的颜色 –

@DanielH，因为他想将背景颜色“复制”到边框 –

有可能与sass variables

或者，正如其他人所提到的，通过在两个对象相同的类

来源

2017-06-22 13:32:47 Dotan

有喜欢LESS工具，这使您可以在更高级别的抽象层次上撰写CSS。

以下称这些 “混入”

而不是

/* CSS */ 
#header { 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px; 
} 

#footer { 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px; 
}

可以说

/* LESS */ 
.rounded_corners { 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px; 
} 

#header { 
    .rounded_corners; 
} 

#footer { 
    .rounded_corners; 
}

来源

2017-06-22 13:45:00

继承另一个div的颜色？

回答

相关问题