css selector

css selector

CSS Selector 是一种在网页中定位元素的方法。以下是CSS Selector的主要内容：
基本选择器：
ID选择器：使用#符号，如#choose_car选择ID为choose_car的元素。类选择器：使用.符号，如.s_ipt_wr选择类名为s_ipt_wr的元素。后代选择器和平级关系选择器：
后代选择器：使用空格分隔，如ul ol li em选择嵌套在ul内的ol内的li内的em元素。子选择器：使用>符号，如#food > span选择id为food的直接span子元素。组合选择器：使用,分隔，如选择id为food的所有span子元素和p子元素。相邻兄弟选择器：使用+符号，如#food + div选择紧跟在id为food后的div元素。通用兄弟选择器：使用~符号，如选择id为food之后的所有div元素。属性选择器：
选择具有特定属性的元素：如*[style]选择所有具有style属性的元素。选择属性值特定的元素：如p[spec=len2]选择spec属性值为len2的p元素。选择属性值包含特定值的元素：如p[spec*='len2']选择spec属性值包含len2的元素。选择属性值以特定值开头的元素：如p[spec^='len2']选择spec属性值以len2开头的元素。选择属性值以特定值结尾的元素：如p[spec&='len2']选择spec属性值以len2结尾的元素。伪类选择器：
如p:nthchild选择第一个p元素，p:nthlastchild选择倒数第一个p元素。CSS Selector提供了一种灵活且强大的方式来定位网页中的元素，广泛应用于网页开发、测试和自动化脚本中。
2025-03-07