html - css继承子属性

Question

我想给 header 一个 border-bottom。边框颜色应该和它的子字体颜色一样。请找到 html 代码并建议我进一步进行。

<header>
  <div class="cblt-panel">
     <header>
          <a href="HomePage;jsessionid=9Z1DRLtK8FfgmVDhysv4fk8LKjj1rTpSpJcS99dvcbffT4KTZ9tN!91184445">
             <div class="header-wrapper header"> 
                <h1 class="dealer-name">Airport Chevrolet Cadillac</h1>
             </div>
          </a>

     </header>

   </div>
</header>

在上面的标记中，我想将外部 header 标签的 border-bottom-color 设置为与子 h1 标签的字体颜色相同。可能吗？

Answer 1

我不认为你可以通过纯 CSS 来实现它。如果您能够使用 jQuery，那将非常简单:

var h1Color = $('.dealer-name').css('color');
$('header:eq(0)').css('border-bottom-color', h1Color);

演示:http://jsfiddle.net/S9svs/