CSS覆盖/不继承

Question

我正在尝试快速在Wordpress中放置一个链接，我们有一个非常复杂的样式应用于该部分中的所有href链接。这里有一个小样本的选择器和样式（我保留了大约40行样式）

div.content-rotator li.featured-content a { 
    margin: 0px; 
    border: 1px solid rgb(34,56,19);
}

无论如何我可以在这个li中放置一个链接并覆盖父样式吗？它必须出现在具有类特色内容的li中。 我不想在这个阶段触摸现有的CSS，所以我更喜欢在元素上实现内联样式。

由于

编辑：以防万一不清楚，上面的CSS来自样式表，我想把它归零。 有＆gt;虽然这里有50行样式，但为了简洁起见我只展示了两行，所以内联替换它们并不是一个真正的选择。

Answer 1

只需使用内联样式或/并添加!important来覆盖CSS定义，例如：

<div class="content-rotator">
    <ul>
        <li class="featured-content">
            <a href="#" style="margin: 3px !important; border: none !important;">...</a>
        </li>
    </ul>
</div>

或

div.content-rotator li.featured-content a.other { 
    margin: 3px !important; 
    border: none !important;
}

Answer 2

为选定的链接指定一个ID，然后将！important添加到样式中。除非您打算浏览整个样式表，否则我认为没有更好的选择。