CSS 选择器

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辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容