CSS 与 CSS3：一脉相承，却各有千秋

在网页设计的浩瀚宇宙中，CSS（层叠样式表）无疑是一颗璀璨的明星，它赋予了网页绚丽的色彩、优雅的布局和灵动的交互。而 CSS3 作为 CSS 的进阶版本，更是为网页设计师们带来了前所未有的创作自由。今天，就让我们一同深入探索 CSS 和 CSS3 之间的区别，领略它们各自的魅力。

一、选择器的丰富程度

CSS

CSS 1 和 CSS 2 选择器种类相对有限，主要侧重于通过元素标签名、类名、ID 来选中元素。例如，使用p选择器选中所有段落元素，.my - class选择器选中具有特定类名的元素，#my - id选择器精准定位到拥有指定 ID 的唯一元素。这种选择方式在简单页面结构中十分高效，但对于复杂的页面布局和多样化的样式需求，就显得捉襟见肘。

CSS3

CSS3 引入了大量全新的选择器，极大地增强了选择元素的灵活性。像属性选择器[attr]，可以选中拥有特定属性的元素，[attr = "value"]则能精准匹配属性值完全一致的元素。还有伪类选择器:nth - of - type(n)，能轻松选中同类型元素中的第 n 个，这在处理列表项、表格行等成组元素时非常实用。比如，要为表格隔行变色，利用:nth - of - type(even)就可以轻松实现。另外，还有:target选择器用于选中当前页面 URL 中锚点指向的元素，为实现单页应用的导航效果提供了便利。

二、视觉效果与布局能力

CSS

CSS 的布局主