1

アクティブなときにクラス「ui-btn-active」が追加され、背景が緑に変わるリスト項目があります。ただし、マークアップの奥深くにある h2 と p は色が変わりません。これが発生した場合、これらを白に変更する必要があります。

以下は役に立ちません：

.ui-btn-active.hot-listing-title {colour: white; }
.ui-btn-active.hot-listing-address {colour: white; }
.ui-btn-active.hot-listing-price {colour: white; }

何か案は？

     <li itemscope="" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-first-child ui-btn-active ui-btn-hover-c ui-btn-down-c">
            <div class="ui-btn-inner ui-li"><div class="ui-btn-text">
            <a href="#" class="hot-listing-link ui-link-inherit">
                 <img src="ab.jpg" class="hot-listing-image ui-li-thumb">
                 <h2 class="hot-listing-title ui-li-heading">Blah blah</h2>
                 <p class="hot-listing-address ui-li-desc" itemprop="address">Blah Blah</p>
                 <p class="hot-listing-price ui-li-desc">£50,000</p>
            </a>
            </div>
            <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
       </div></li>
4

2 に答える 2

3

子孫を示すためにクラス間にスペースが必要です。また、タイプミスかどうかはわかりませんが、プロパティ名はcolor

.ui-btn-active .hot-listing-title {color: white;}
.ui-btn-active .hot-listing-address {color: white;}
.ui-btn-active .hot-listing-price {color: white;}
于 2013-08-13T22:35:02.117 に答える
1

これを使用してみてください：

li.ui-btn-active .hot-listing-title {color: white;}
li.ui-btn-active .hot-listing-address {color: white;}
li.ui-btn-active .hot-listing-price {color: white;}

例を見る

于 2013-08-14T00:26:47.930 に答える