jquery - 如何为外部 css 文件添加额外的元素样式？

Question

这是我的网站标题，包含 2 个样式表:

<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

此代码在 jquery-ui.css 文件中:

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

我还使用了来自 jquery.com 的外部样式表:
//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

现在我需要将 ui-state-hover 的不透明度属性更改为:

.ui-state-hover{
opacity:0.1;
}

所以在我的内部 style.css 文件中我添加了:

.ui-state-hover{
    opacity:0.1;
    }

但是，它不起作用...

如何在不下载、手动编辑文件和上传的情况下添加额外的样式规则？我应该只使用内部样式表吗？

Answer 1

使用

.ui-state-hover{
    opacity:0.1 !important;
    }