2 
<style>.f-1, .f-1 a {
    color: #fff;
}
.f-2, .f-2 a {
    color: #000;
}</style>

<body class="f-2">
     <ul class="f-1">
        <li><a>TEST COLOR</a></li>
     </ul>
</body>

css の f-2 は f-1 に続くため、ブラウザーは TEST COLOR を白 (#fff) でレンダリングします。最も近い子孫をレンダリングするようにするにはどうすればよいですか?

4

2 に答える 2

0

機能を使用できますinherit。これは、親のプロパティを継承できます。

span {
    color: blue;
    border: 1px solid black;
}
.extra span {
    color: inherit;
}
<div>
Here is <span>a span element</span> which is blue, as span elements are set to be.
</div>

<div class="extra" style="color:green">
Here is <span>a span element</span> which is green, because it inherits from its parent.
</div>

<div style="color:red">
Here is <span>a span element</span> which is blue, as span elements are set to be.
</div>

于 2016-08-26T06:36:41.580 に答える