css 命名規範參考[轉]

標籤：log   勾子   arch   javascrip   container   參考   ati   foo   span   

 

命名空間另外最好的實踐就是當命名你的類名的時候，使用命名空間首碼來進行分類。這些首碼會在你的命名前添加一組字元，但是這個值能立刻標記每一個類的目的，在你看 HTML 或者樣式的時候是很需要的。我使用下面這些命名空間：對象類：.o-組件：.c-狀態類：.is- 或者 .has-主題：.t-工具類：.u-JavaScript 勾子：.js-<footer class="c-footer">    <div class="o-container-wide">        <a class="c-footer__logo" href="/">The Assist</a>        <div class="c-social c-social--follow">            <div class="c-social__label u-txt-center">Join the conversation</div>            <ul class="c-social__list">                <li class="c-social__item"></li>                <li class="c-social__item is-active"></li>                <li class="c-social__item"></li>            </ul>        </div>        <p class="c-footer__credit"></p>    </div></footer>

 

原文地址：https://www.60sky.com/post/thoughtful-css-architecture.html

css 命名規範參考[轉]