CSS选择器是一种用于选择HTML或XML文档中的元素的模式。选择器可以根据元素的标签名、类名、ID、属性等特征来选择元素,并将样式应用于这些元素。在CSS中,选择器通常与属性值对应,用于指定特定元素的样式。
常见的CSS选择器包括:
标签选择器:通过标签名选择元素。例如,p选择所有段落元素。
类选择器:通过类名选择元素。类名以“.”开头。例如,.red选择所有class属性为“red”的元素。
ID选择器:通过ID选择元素。ID以“#”开头。例如,#header选择所有id属性为“header”的元素。
属性选择器:通过元素的属性选择元素。例如,[title]选择所有有title属性的元素;[href="example.com"]选择所有href属性为“example.com”的元素。
后代选择器:通过祖先元素和后代元素的关系选择元素。例如,div p选择所有在div元素内的段落元素。
相邻兄弟选择器:通过相邻的同级元素选择元素。例如,h1 + p选择紧接着h1元素后的第一个段落元素。
通用选择器:选择所有元素。用“”表示。例如,选择所有元素。
通过使用这些选择器,可以更加灵活地控制网页元素的样式。