4.8 选择器的设计

实际项目,选择器不是越复杂越好,满足需求与设计的情况下越简单越好。选择器提供这么多复杂用法的根本原因是存在复杂需求场景。

选择器类型非常多,如何判断使用哪种?这对于初学者是一个难点,需要项目的练习才能真正掌握。

判断的前提条件。使用哪种选择器首先取决于需求,然后取决于设计逻辑。需求固定的情况下,不同设计也会使用不同的选择器。设计逻辑要求合理,需要符合页面内容逻辑与页面元素结构,同时考虑页面可能的变化。本章示例页面无实质内容,页面内容不存在实际逻辑,所以无法讲透各种选择器的真正运用场景,真正应用见第4篇项目篇。

为什么不所有元素使用ID选择器?所有元素使用ID选择器,虽然能实现但样式完全无法重用,以后添加新的元素又要重新设置样式。如果使用类选择器与标签选择器时,不仅当前元素能够重用样式,以后添加元素也能够重用样式。