本篇内容介绍了“CSS选择器命名规则的写法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
/* 这是某个模块 */ .
m-nav{}/* 模块容器 */ .
m-nav li,.m-nav a{}/* 先共性 优化组合 */ .
m-nav li{}/* 后个性 语义化标签选择器 */ .
m-nav a{}/* 后个性中的共性 按结构顺序 */ .
m-nav a.a1{}/* 后个性中的个性 */
.m-nav a.a2{}/* 后个性中的个性 */ .
m-nav .z-crt a{}/* 交互状态变化 */ .
m-nav .z-crt a.a1{} .m-nav .z-crt a.a2{}
.m-nav .btn{}/* 典型后代选择器 */
.m-nav .btn-1{}/* 典型后代选择器扩展 */
.m-nav .btn-dis{}/* 典型后代选择器扩展(状态) */
.m-nav .btn.z-dis{}/* 作用同上,请二选一(如果可以不兼容IE6时使用) */
.m-nav .m-sch{}/* 控制内部其他模块位置 */
.m-nav .u-sel{}/* 控制内部其他元件位置 */
.m-nav-1{}/* 模块扩展 */
.m-nav-1 li{} .m-nav-dis{}/* 模块扩展(状态) */ .
m-nav.z-dis{}/* 作用同上,请二选一(如果可以不兼容IE6时使用) */
“CSS选择器命名规则的写法是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。