【问题标题】:Specific css file style only apply to specific div特定的 css 文件样式仅适用于特定的 div
【发布时间】:2015-12-26 16:56:04
【问题描述】:

我在我的 asp.net MVC 应用程序中使用了超过 2 个 css 文件,因此这些文件相互冲突,包括 site.css,因此我无法在我的应用程序中正常使用该样式。实际上,我需要对该应用程序中的特定 div 使用特定的 css 文件。有没有办法使用css文件样式应该适用于特定的div。

注意:我使用了我在谷歌中获得的以下代码。

<div id='container'>
<style scoped>
 @@import url.content('~/testFolder/test.css');
</style>
</div>

【问题讨论】:

    标签: css asp.net-mvc-4 conflict


    【解决方案1】:
    There is conflict between your defined css file  and  jquery imported cdn library css just imported library overriding your defined css file 
     segregate both css using id,class level selector
    #site {
        font-size: 14px;
      //preferred way
    }
    
    #div #site {
        font-size: 10px;
    //  conflicting the font-size of div && overriding the size property
    }
    

    【讨论】:

      【解决方案2】:

      您定义的 css 文件和 jquery 导入的 cdn 库 css 之间存在冲突,刚刚导入的库覆盖了您定义的 css 文件 使用 id、类级别选择器分隔两个 css

      【讨论】:

        【解决方案3】:

        CSS 适用于整个文档。

        如果要限制范围,则需要使用后代选择器。

        例如#id_of_div .the .rest .of .the .selector {}

        您必须将其应用于每个选择器,并考虑组(因此它不像只是为整个样式表添加前缀并为每个 } 添加后缀那么简单)

        您还可以找到应用于预览的主文档样式表。

        框架可能是解决此问题的最佳方法。

        【讨论】:

        • 我试过这个@soumya,但是site.css 和jquery.ui.css 互相冲突,我该如何修改它们的样式。?
        • 您需要覆盖的样式..请使用“重要”覆盖该样式。
        猜你喜欢
        • 2018-10-22
        • 1970-01-01
        • 2018-11-30
        • 2013-04-12
        • 1970-01-01
        • 2021-04-22
        • 2019-08-24
        • 1970-01-01
        • 2020-11-23
        相关资源
        最近更新 更多