您好,登錄后才能下訂單哦!
本篇內容介紹了“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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。