选择器用于选择 CSS 样式表中需要添加样式的 HTML 元素,如下:
/* 选择器类型 */ element-selector { ... } /* id 选择器 */ #id-selector { ... } /* 类选择器 */ .class-selector { ... } /* 属性选择器 */ [attribute-selector="value"] { ... } /* 后代选择器 */ ancestor-selector descendant-selector { ... } /* 相邻兄弟选择器 */ selector1 + selector2 { ... } /* 兄弟选择器 */ selector1 ~ selector2 { ... }
声明块用于添加具体的样式,如样式的属性值、颜色、字体大小等,如下:
selector { /* 属性1 */ property1: value1; /* 属性2 */ property2: value2; ... }
通过组合选择器和声明块,可以为 HTML 元素添加各种各样的样式,并能实现多样化的页面布局效果。