html - cssチェーンセレクター

Question

この構造は両方とも同じページにあり、cssでこのdivをターゲットにする方法はulクラスだけです。

このdivに黄色とピンクの2つの異なる境界線の色を付けたかった

http://jsfiddle.net/LWutU/5/

zpass-current

<ul class="zpass-current zpass-homepage logo-med-whttxt clearfix">
    <li>
        <a href="">
            <div class="entitlement">
                <div id="box_go">
                </div>
            </div>
        </a>
    <li>
</ul>

zpass-header

<ul class="zpass-header zpass-homepage logo-med-whttxt clearfix">
    <li>
        <a href="">
            <div class="entitlement">
                <div id="box_go">
                </div>
            </div>
        </a>
    <li>
</ul>

Answer 1

これはあなたが探しているものですか？

.zpass-header .entitlement { border: 1px solid yellow; }
.zpass-current .entitlement { border:  10 px solid pink; }