我需要为特定的div链接外部CSS文件
我有3个外部CSS文件
main.CSSbootstrap.CSSstyle.CSS
我需要将style.CSSfile链接到特定的div< div class =“leftmenu”>
我如何链接到该div
我如何将style.CSS文件链接到< div class =“leftmenu”>
style.CSS文件
ul{margin:0px;padding:0px;List-style-type:none;-webkit-backface-visibility: hIDden; backface-visibility: hIDden; }.var_nav{position:relative;background:#ccc; wIDth:300px;height:70px;margin-bottom:5px;}.link_bg{wIDth:70px;height:70px;position:absolute;background:#E01B6A;color:#fff;z-index:2;}.link_bg i{ position:relative;}.link_Title{position:absolute;wIDth:100%;z-index:3;color:#fff;}.link_Title:hover .icon{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg); }.var_nav:hover .link_bg{wIDth:100%;background:#E01B6A;-webkit-Transition: all 0.3s ease-in-out;-moz-Transition: all 0.3s ease-in-out;-o-Transition: all 0.3s ease-in-out;-ms-Transition: all 0.3s ease-in-out;Transition: all 0.3s ease-in-out; }.var_nav:hover a{Font-weight:bold;-webkit-Transition:all .5s ease-in-out;-moz-Transition:all .5s ease-in-out; -o-Transition:all .5s ease-in-out; -ms-Transition:all .5s ease-in-out;Transition:all .5s ease-in-out; }.icon{position:relative;wIDth:70px;height:70px;text-align:center;color:#fff;-webkit-Transition:all .5s ease-in-out;-moz-Transition:all .5s ease-in-out; -o-Transition:all .5s ease-in-out; -ms-Transition:all .5s ease-in-out; float:left;Transition:all .5s ease-in-out; float:left; }.icon i{top:22px;position:relative;}a{display:block;position:absolute;float:left;Font-family:arial;color:#fff;text-decoration:none;wIDth:100%;height:70px;text-align:center;}span{margin-top:25px;display:block;} 我检查了以下链接example但它的小知识可以帮助我如何将CSS文件链接到div
<head><link href="../Fonticon/flaticon.CSS" rel="stylesheet"> <link href="../CSS/bootstrap.min.CSS" rel="stylesheet"> <link href="style.CSS" rel="stylesheet"> <link href="../CSS/main.CSS" rel="stylesheet"></head>解决方法 简答：不.
其他想法：
使用CSS预处理器
.leftmenu { @include 'style.CSS';} 这使用CSS预处理器的嵌套功能来预先限定style.CSS中的所有规则.将@include替换为您最喜欢的预处理器指令,以引入另一个CSS文件.
手动重写CSS
您可以通过更改要在qualifyng .leftmenu之前的所有选择器来“命名”style.CSS中的规则.
自动重写CSS
你可以编写Js代码来在运行时重写样式表选择器,为选择器添加类名称前缀,这基本上就是这个插件的作用：https://github.com/thingsinjars/jQuery-Scoped-CSS-plugin.或者你可以在服务器上进行这种重写,无论它是用什么语言写的. .
使用iframe作为沙箱
如果要将样式应用于的事物的内容可以放在iframe中,则可以将style.CSS框架添加到iframe中加载的HTML中.
就是这样.
总结以上是内存溢出为你收集整理的html – 仅针对特定Div 链接外部CSS文件全部内容，希望文章能够帮你解决html – 仅针对特定Div 链接外部CSS文件所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）