html - 如何基于子类为父类编写css？

Question

我只想为 listing-system 类添加 CSS，但要为“expired”的子类添加。我是如何努力为其编写 CSS 的，任何人都可以帮助我。谢谢

<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 --

Answer 1

你可以通过 Jquery 做到这一点，如果你想选择一个有子类“.ribbon.expired”的类“.listing-system”，

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