1. css选择器是不支持根据element的conent来选择的, 详细解释参照:
https://stackoverflow.com/questions/1520429/is-there-a-css-selector-for-elements-containing-certain-text
2.css选择器~=, *=, |=, ^=, $= 的tips:
- [attribute~=value] 属性中包含独立的单词为value
e.g:[title~=flower] --> <img src="/i/eg_tulip.jpg" title="tulip flower" />
- [attribute*=value] 属性中做字符串拆分,只要能拆出来value这个词就行
e.g:[title*=flower] --> <img src="/i/eg_tulip.jpg" title="ffffflowerrrrrr" />
- [attribute|=value] 属性中必须是完整且唯一的单词,或者以-分隔开
e.g:[lang|=en] --> <p lang="en"> <p lang="en-us">
- [attribute^=value]属性的前几个字母是value就可以
e.g:[lang^=en] --> <p lang="ennn">
- [attribute$=value] 属性的后几个字母是value就可以
e.g:a[src$=".pdf"] --> <a src="test.pdf">
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。