CSS选择器命名规则最佳写法
导读:/* 这是某个模块 */ . m-nav{}/* 模块容器 */ . m-nav li,.m-nav a{}/* 先共性 优化组合 */ . m-nav li{}/* 后个性 语义化标签选择器 */ . m-nav a{}/* 后个性中的共...
/* 这是某个模块 */ .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时使用) */
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: CSS选择器命名规则最佳写法
本文地址: https://pptw.com/jishu/665965.html