/*选择所有类名为example的元素*/ .example { font-size: 16px; color: #333; }
在上述代码中,大家使用了类选择器 .example 来选择所有具有类名为 example 的元素,并为它们设置了字体大小和颜色。可以看到,类名前需要添加一个点号来表示它是一个类名,而类名本身则是自定义的,可以根据需要随时更改。
与CSS类选择器相似的还有ID选择器,它可以用来选择某个具有唯一ID属性的元素。与类选择器不同的是,ID选择器使用 # 符号来标识,而ID属性值则是唯一的,不可重复。
/*选择ID为example的元素*/ #example { background-color: yellow; }
上述代码中,大家使用了ID选择器 #example 来选择具有ID为 example 的元素,并将其背景色设置为黄色。可以看到,ID名前需要添加一个 # 号来表示它是一个ID名,而ID名本身也是自定义的,同样可以根据需要更改。
总之,CSS类选择器和ID选择器都是非常方便实用的CSS选择器类型,它们可以用来快速选择需要设置样式的元素,从而提高CSS开发效率。