CSS語義;直接或通過訂單選擇元素

Question

也許這個問題已被問到其他地方，但我無法找到它。隨着HTML5和CSS3模塊逐漸接近，我開始對關於我們編寫CSS的方式進行討論。

東西like this其中通過元素順序進行選擇，僞類特別引人入勝。這種方法的一大優點似乎是完全模塊化的HTML和CSS，使調整和重新設計更簡單。

與此同時，由於各種原因，語義ID和類似乎是有利的。特別是直接鏈接，JS定位和更短的CSS選擇器。另外，似乎選擇器的長度可能是一個問題。舉例來說，我只是寫了下面的，這將是無可否認更容易使用一些語義HTML5元素：

body>div:nth-child(2)>div:nth-child(2)>ul:nth-child(2)>li:last-child

那麼，你怎麼說，堆棧溢出？ CSS寫作的未來是否着重於元素順序和僞類？或者是身份證和班級以及目前的方式留在這裏？我很想知道ID和班級的位置，儘管我有興趣聽到更多的方式，您認爲他們會繼續有必要。我不想歪曲這一點或將其設置爲「僞類ID殺手？」我感興趣的討論是更大的圖片和寫作CSS的方式正在改變。）

Answer 1

我認爲這是一個不可讀的憎惡，它會在HTML更改時神祕地停止工作。

基於訂單的選擇器是完全非自我記錄的。
如果有其他人接管了項目，並且HTML發生了變化，他將不知道選擇器應該選擇什麼，並且很難正確地修復它。

如果HTML的任何部分是自動生成的，這一點尤其重要。