【JS与CSS文件导入与执行冲突】

JS与CSS文件导入与执行冲突


在制作页面的时候,我们有的时候使用CSS给某一元素添加了样式,有通过JavaScript给该元素添加了CSS样式,这个时候,可能会出现样式上的冲突。下面我们说一下JavaScript文件与CSS文件导入与执行冲突的问题。


JavaScript与CSS文件中代码引入外部图像文件时,它们的URL设置是不同的。

区别在于:

CSS文件考虑的是CSS文件与导入的外部图像文件之间的位置关系;

JavaScript文件考虑的是网页文件与导入的外部图像文件之间的位置关系。


冲突的优先级:

当使用CSS和JavaScript同时为页面中某个元素定义样式时,js脚本定义的样式优先级要大于CSS样式的优先级。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,814评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,627评论 32 459
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,232评论 0 1
  • 手羽折扇腰佩剑,文能兴国武安邦。 中华儿女多才俊,安我华夏世称雄。
    梦怡峒阅读 401评论 0 0
  • 钙是人体重要的矿物质,对宝宝的生长发育以及身体健康都是非常重要的。钙充足的孩子,在神经、骨骼、牙齿不容易罹患...
    睿臻crystal阅读 561评论 0 3