0
0
php中文网
发布时间：2016-05-16 15:47:55
|1614人浏览过
|来源于php中文网
原创
特别的，有一个新的属性，它能让我们控制多个元素的属性，就是：scoped。style标记上新出现的这个scoped属性可以让css样式只对局部元素生效，具体说，就是存放这段style样式的元素的子元素生效，跟平常的样式不一样的唯一地方就是新加了一个scoped属性：
具有scoped属性的样式只会应用到当前元素和其子元素。Inline样式仍然比scoped样式优先级高，所以，最好避免使用inline样式，下面是将几种样式混合到一起比较它们的作用效率范围：
在scoped样式里可以使用任何合法的CSS样式标记，比如媒体查询，就像下面这样：
这个新出现的scoped属性是非常有用的功能，尤其对那些创作模板的，或CMS用户，或某些无法操作整个样式文件的开发人员。但需要注意的是，有些老式的浏览器上不支持这个属性的，在这种时候，你也许需要使用jQuery插件（https://github.com/thingsinjars/jQuery-Scoped-CSS-plugin）来弥补这种问题。
立即学习“前端免费学习笔记（深入）”；
相关文章
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法，包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程，以及常见代码质量问题的发现与修复。通过工程化示例，帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。
54
2026.01.16
热门下载
相关下载
精品课程
共102课时 | 6.7万人学习
共132课时 | 9.6万人学习
共60课时 | 3.8万人学习
最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
