0

リンクがh1タグとspanタグの内側にある場合、色とサイズを継承するスタイルを作成するのに問題があります。td内にある場合は、同じように動作する必要があります。リンク名に目的の出力を入れました。

JSフィドル：

http://jsfiddle.net/lasseedsvik/ym7M7/9/

スタイル

* {
    color: #000;    
    font-family: Times;
    font-size: 14px;
}

a {
    color: red;
}

h1
{
    font-family: arial, helvetica;
    font-size: 27px;
    color: green;
}

HTML

<div id="container">
    Default text color
    <br />
    <br />
    <a href="#">Red link . default font</a>
    <br />
    <h1><a href="#">Green link - Arial 27px</a></h1>
    <br />
    <span style="font-size: 18px"><a href="#">Red link - 18px default font</a></span>
</div>
4

3 に答える 3

1

キーワードを使用しinheritて継承を要求できますが、IE 7ではサポートされていません。たとえば、必要なものを明示的に宣言することで、ブラウザーのカバレッジが向上します。

h1, h1 a
{
    font-family: arial, helvetica;
    font-size: 27px;
    color: green;
}

の直接コンテンツとに含まれる要素の両方にプロパティを設定h1しaますh1。

于 2013-03-07T13:22:35.980 に答える
1

試す

h1 a, span a{
    font-size:inherit;
    font-family:inherit;
    color:inherit;
}
于 2013-03-07T12:53:42.170 に答える
1

次の CSSinheritキーワードを使用します。

h1 a, 
span a {
    color: inherit;
    font: inherit;
}

ここでデモ。

于 2013-03-07T12:54:02.947 に答える