Question

有没有办法使用css伪类来完成这个：我需要将子span（高）的类名添加到父li？

感谢

<li class="emergency" style="background-color: #FE9D9D;">
<span class="high">250</span></li>

Answer 1

你不能用CSS做到这一点。

但是你可以使用JQuery。

$(document).ready(function () {

    $('li.emergency').each(function () {
        var newClass = $(this).find('span').attr('class');
        $(this).addClass(newClass);
    });

});

<强> Demo

或者您可以设置跨度的背景颜色。 display: block;将使跨度达到全宽。

<强> HTML

<ul>
    <li class="emergency">
        <span class="high">250</span>
    </li>    
    <li class="emergency">
        <span class="low">100</span>
    </li>   
</ul>

<强> CSS

span {
    display: block;    
}
span.high {
    background: red;    
}
span.low {
    background: green;
}

<强> Demo

使用伪类将类添加到父li

1 个答案: