css - 从 jQuery UI 对话框中删除特定样式

Question

jQuery UI 对话框中作为文本一部分的链接使用类 ui-widget-content 从 ui css 获取黑色。我可以覆盖并为内容应用新颜色。但我希望 CSS 不应用于链接。删除该类不适用。

.ui-widget-content a{
    color : #ffffff;
}

Answer 1

这可能会帮助您解决问题。请参阅下面我编写的 CSS

.ui-widget-content > a:link, .ui-widget-content > a:visited{
    color : #ccc;
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">

<div class="ui-widget-content">
<p>paragraph</p>
<a href="#"> this is a link because it has an href attr</a>
</div>