CSS语义;直接或通过订单选择元素

时间:2010-03-22 00:56:41

标签: html css css-selectors

也许这个问题已在其他地方被问过,但我无法找到它。随着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

那么你怎么说,Stack Overflow? CSS写作的未来是关注元素顺序和伪类吗?或者是ID和类以及目前的方式?

(我很清楚ID和课程有其自己的位置,虽然我有兴趣听到你认为他们将继续是必要的更多方式。我不想歪曲这个或将其框架为“是伪类ID杀手吗?”我感兴趣的讨论是更大的图片,编写CSS的方式正在发生变化。)

1 个答案:

答案 0 :(得分:3)

我认为这是一种难以理解的憎恶,当HTML发生变化时,它会神秘地停止工作。

基于订单的选择器完全不是自我记录的 如果其他人接管了该项目,并且HTML发生了变化,他将不知道选择器应该选择什么,并且很难正确地修复它。

如果自动生成HTML的任何部分,这一点尤其重要。