javascript - Css 类被 jQuery 覆盖

Question

我正在使用 BigText制作一些文本以适应 div 的库。我的问题是我应用于文本的附加样式被覆盖并被忽略。例如 text-align:left 不再起作用。并且列表点未显示。如何获得脚本的功能并添加 css 类？

我这样调用 bigText 函数:

jQuery:

$(function() {
    $(window).on('resize', function() { 
        $(".area_competences_text").bigText();
    });

    $(window).trigger('resize');    
});

HTML:

<div class="area_competences_text">    
    <ul>
        <li>SOME TEXT</li>
        <li>SOME TEXT</li>
        <li>SOME TEXT</li>
        <li>SOME TEXT</li>
        <li>SOME TEXT</li>
        <li>SOME TEXT</li> 
    </ul>                               
</div>

CSS:

.area_competences_text {
    text-align: left;
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
}

Answer 1

你可以添加 !important

.area_competences_text {
    text-align: left !important;

}