1樓：Domingo
完全不知道這麼做是為了啥？？我個人建議，為了日後維護專案去選擇，哪個你覺得大夥都能看得懂就去做。別搞那些大夥看不懂的，我不相信你司的老大不說你。
2樓：COIN
路過看了一下回答也是醉了...
要麼好好答，要麼不回答嘛。
題主你這是啥編輯器？
正題：一般來說，如果你們的設計師靠譜，那麼不會出現亂七八糟的間距，如果出現了，可以和設計師商量下：兄弟，晚上天橋下會會？
比如我之前做設計的時候（捂臉），一般會定下乙個基準間距，比如12px。
整個設計體系中，常用間距不會超3種。
gap-base = 12px
gap-small = gap-base / 2
gap-large = gap-base * 2
所以，你可以生成一堆的各種間距的class
.pd-base
.pd-small
.pd-large
// 同時可以生成 margin 相關的，當然一般情況下不需要 margin
以及其各個方向上的衍生
.pd-base-x
.pd-base-y {}
.pd-base-left {}
.pd-base-right
那麼你這個需求就可以這樣寫了
6得不要不要的
例外我個人的意見是不要寫太複雜的選擇器，比如什麼 `.a + .b[class^=c]`的。
何必呢，搞這麼多花樣兒做啥。
再有，你的命名習慣不好，隨便寫class名，寫啊寫的你就發現沒有名字可寫了，而且維護的人真的會打你的。把各種功能的class放在不同的命名空間下是個不錯的實踐，參見boostrap的命名。
學css不要浮躁，不要聽人諷刺說css不就是乙個渲染引擎的配置麼。
css能寫好的前端真的沒幾個，包括我。
3樓：王峰
都已經什麼時代了，貌似還在寫著十年前的CSS？
靈活運用各種型別的選擇器和偽元素/偽類，就可以在不新增冗餘結構和冗餘className的情況下實現想要的效果。
例如你只想在.header之後的.container上加margin-top，可以這樣寫：
.header+.container
再比如你那個分割線，可以這樣寫：
.container+.header:before
4樓：走啊
margin不是有個外邊距重合的問題麼，如果比較特殊的塊或者改動不多的，直接寫行內也可以，沒必要都堅持分離原則。現在也是flex用的多了哦。
HTML 哪些元素不能有後代元素？編寫時應注意哪些？
小爝 除了void element之外，你還問了哪些標籤是必須按照順序的，我舉例幾個 html head body table thead tbody tr td tfootul li dl dt dd 等等。 鄧毅 你說的這個叫做 void element HTML5 裡面的 void eleme...
HTML 裡面的 父元素 為什麼不叫 母元素 ？
字母 為什麼不叫 字公 螺母 為什麼不叫 螺公 母語 為什麼不叫 父語 母校 為什麼不叫 公校 航母 為什麼不叫 航公 公共 為什麼不叫 母公 精子 為什麼不叫 精女 父老鄉親 為什麼不叫 母老鄉親 What the f are you saying Use English to programme...
行內元素不能容納塊元素？如何理解？
pagemarks 理解了塊級元素和行內元素就理解了這個問題 塊級元素包含了行內元素,塊級和行內元素都可按照規範正常解析 行內包含了塊級元素,是塊級元素按行內元素展示?還是行內元素按塊級元素展示? 陳小峰 這裡有乙個標準發展的過程。在html5之前，元素被簡單二分為block和inline。bloc...