在CSS中,选择符是指用于定位HTML元素的标识符。常用的选择符包括四种,分别为:元素选择符、ID选择符、类选择符以及通配符选择符。接下来,我们将逐一介绍这四种选择符。
/* 元素选择符 */ p { color: red; }
元素选择符是最基础的选择符,它会选中HTML中的特定元素并给予样式。在上述代码中,我们使用元素选择符选中所有的段落
元素并将文字颜色设置为红色。
/* ID选择符 */ #title { font-size: 24px; }
ID选择符以“#”开头,可以选择HTML中具有特定ID的元素。在上述代码中,我们使用ID选择符选择具有id属性为“title”的元素,并将其文字大小设置为24像素。一个HTML页面中,ID值必须唯一。
/* 类选择符 */ .intro { font-weight: bold; }
类选择符以“.”开头,可以选中HTML中具有特定类名的元素。在上述代码中,我们使用类选择符选中所有具有class为“intro”的元素,并将它们的字体加粗。一个HTML页面中,同一个元素可以拥有多个类名。
/* 通配符选择符 */ * { margin: 0; padding: 0; }
通配符选择符使用“*”表示,它可以选中HTML中所有的元素。在上述代码中,我们使用通配符选择符将所有元素的边距都设置为0,实现了一个CSS reset的效果。通配符选择符应该谨慎使用,因为它会影响到整个页面。