Wie schreibe ich CSS für die Elternklasse basierend auf der Kindklasse?

Ich möchte CSS nur für listing-system Klasse hinzufügen, aber untergeordnete Klasse von "expired". Wie ich kämpfe, um CSS dafür zu schreiben, kann mir jemand helfen. DankWie schreibe ich CSS für die Elternklasse basierend auf der Kindklasse?

<div class="listing-system"> 
    <div class="listing-system-row"> 
     <div class="listing-system-row-image"> 
      <a href="#" style="background-image: url('#')"> 
       <div class="ribbon expired"> 
        Expired         
       </div><!-- /.ribbon --> 
      </a> 
     </div><!-- /.listing-system-row-image --> 
    </div><!-- /.listing-system-row-actions --> 
</div><!-- /.listing-system-row --> 

<div class="listing-system"> 
    <div class="listing-system-row"> 
     <div class="listing-system-row-image"> 
      <a href="#" style="background-image: url('#')"> 
       <div class="ribbon"> 
        Pending         
       </div><!-- /.ribbon --> 
      </a> 
     </div><!-- /.listing-system-row-image --> 
    </div><!-- /.listing-system-row-actions --> 
</div><!-- /.listing-system-row --

Quelle

2017-08-04 P.S.F.Romesh

möglich doppelte https://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector –

mögliche doppelte Arbeits [gibt es einen CSS-Selektor Eltern?] (https://stackoverflow.com/questions/1014861/is-there-a-css-parent-sele ctor) –

': has' Selektor ist in CSS3 entzogen, so können Sie wählen Elternklasse basierend auf Kindklasse –

Hallo dies ist auch

$(".ribbon.expired") .parentsUntil(".listing-system") .css("display", "none");

Quelle

2017-08-04 09:30:59

Sie können dies über JQuery, Wenn Sie eine Klasse auswählen möchten ‚.listing-System‘, das ein Kind Klasse ‚.ribbon.expired‘ hat,

$('.ribbon.expired').closest('.listing-system').css('your css style goes here');

Quelle

2017-08-04 05:17:36 Manju

Oder besser:' $ ('. Ribbon.expired'). am nächsten ('. listing-system'). addClass ('has-ribbon'); 'fügen Sie dann Ihre Styles zur Klasse 'has-ribbon' in CSS hinzu. –

Wie schreibe ich CSS für die Elternklasse basierend auf der Kindklasse?

Antwort

Verwandte Themen