如何使用CSS属性选择器？筛选非colspan属性的td元素求助
2026-6-19
选择无colspan属性的td元素及CSS属性选择器指南
你之前写的td[not:colspan]是语法错误，正确的写法是td:not([colspan])——:not()是CSS伪类，需要把要排除的目标选择器（这里是属性选择器[colspan]）放在它的括号内部。
为什么原写法不生效？
CSS里不存在[not:attr]这种语法结构：属性选择器的格式是[属性名]，而:not()是用于否定任意合法选择器的伪类，必须遵循元素:not(目标选择器)的正确结构。
常用CSS属性选择器速查
根据不同的匹配需求，你可以选用对应的属性选择器：
- 存在属性匹配：
td[colspan]→ 选中所有带有colspan属性的td元素 - 无属性匹配：
td:not([colspan])→ 选中所有没有colspan属性的td元素 - 精确值匹配：
td[colspan="2"]→ 选中colspan属性值恰好为"2"的td元素 - 包含值匹配：
td[colspan*="2"]→ 选中colspan属性值包含"2"字符串的td元素（如"2"、"12"、"20"） - 开头值匹配：
td[colspan^="2"]→ 选中colspan属性值以"2"开头的td元素（如"2"、"20"） - 结尾值匹配：
td[colspan$="2"]→ 选中colspan属性值以"2"结尾的td元素（如"2"、"12"） - 空格分隔项匹配：
td[class~="highlight"]→ 选中class属性中包含"highlight"作为独立空格分隔项的td元素 - 连字符前缀匹配：
td[lang|="en"]→ 选中lang属性值为"en"或以"en-"开头的td元素（如"en"、"en-US"）
FrameworkJS中的使用说明
FrameworkJS兼容标准CSS选择器语法，直接使用td:not([colspan])即可生效，之前的写法因语法错误导致无法正常工作。
内容的提问来源于stack exchange，提问作者Ayhan Yüce
相关产品推荐
相关产品推荐
