如何为外部css文件添加额外的元素样式？
如何为外部css文件添加额外的元素样式？
提问于 2014-01-16 10:55:26
这是我的站点标题，其中包括两个样式表：
<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>此代码位于jQueryui.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状态悬停的不透明属性，而不需要下载css文件并手动编辑它，以便：
.ui-state-hover{
opacity:0.1;
}因此，在我的内部style.css文件中，我添加了：
.ui-state-hover{
opacity:0.1;
}但是，这不管用..。
如何在不下载、编辑文件和上传的情况下添加额外的样式规则？我应该只使用内部样式表吗？
回答 4
Stack Overflow用户
回答已采纳
发布于 2014-03-01 23:47:59
它不起作用，因为库中的定义是更具体的http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
多亏了技术
Stack Overflow用户
发布于 2014-01-16 10:56:45
使用
.ui-state-hover{
opacity:0.1 !important;
}Stack Overflow用户
发布于 2014-01-16 10:57:16
您可以在内部样式表中使用!important。
请检查以下代码。
.ui-state-hover{
opacity:0.1 !important;
}希望这能帮到你..。
或者切换样式表加载的顺序，如下所示。
<link href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" media="screen">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21159765
复制相关文章
相似问题
腾讯云开发者
