css不起作用

lbx888

BEX53.3 开发版
在一个CSS文件写 css
如：/UI2/BassCommon/css/Bass.css
.common-href{color:#FF0000;}


.common-href:hover {
text-decoration: underline;
color: #808000;
}


引用：
    require("css!$UI/BassCommon/css/Bass").load();

        Model.prototype.gridMainCellRender = function(event){
             if(event.colName=="fDoTranc"){
             event.html = "<a  href='#' class='common-href'>跟踪</a>";
             }

        };

jishuang

F12打开浏览器的开发人员调试工具，用放大镜定位下元素，看看样式中有这个class吗

lbx888

在本页面的CSS 的文件中 写CSS代码

.common-href{color:#FF0000;}

.common-href:hover {
text-decoration: underline;
color: #808000;
}
   可以生效

jishuang

引用其他css文件中的定位元素中就没有引用的css吗？

lbx888

有引用到 但是不生效 就放到改页面的CSS文件中

jishuang

lbx888 发表于 2016-2-25 19:10
有引用到 但是不生效 就放到改页面的CSS文件中

引用到了不生效通过样式可以看到是那个样式中的定义给覆盖了
可以在样式中加 !important
如下：
.common-href{color:#FF0000 !important;}