css中的正则表达式

作者: ferrint | 来源:发表于2017-03-01 15:32 被阅读86次

关键词:正则表达式

正则表达式是css的亮点之一,但是兼容性不太好,而且只支持一些基本的写法:

  • 字符 ^ 表示字符串开始位置匹配;
  • 字符 $ 表示字符串结束位置匹配;
  • 字符 * 表示字符串任意位置匹配;
  • 字符 i 表示字符串匹配不区分大小写;
  • 字符 g 表示字符串全局匹配;

根据版本不同,可分为:

  • CSS2.1属性选择器
  • 直接匹配:[attr], [attr="val"], [attr~="val"], [attr|="bar"]
  • CSS3属性选择器
  • 正则匹配:[foo^="bar"], [foo$="bar"], [foo*="bar"]
  • CSS4属性选择器
  • 忽略大小写匹配:[attr="val" i]
  • [attr=”val”]元素的属性名是'attr'值必须是'val':
  • [attr~=”val”]'attr'值需含有单词'val'
  • [attr|=”bar”]'attr'属性值开头必须是bar的单词,或者开头是bar-
  • [attr=^”val”] 值开头三个字符必须是val
  • [attr$=”val”]属性值最后三个字符必须是val
  • [attr*=”val”]属性值任意位置包含val这三个字符即可
  • [attr="val" i]属性值不区分大小写(可惜IE不支持)

完毕,是不是太简单了/(ㄒoㄒ)/~~

相关文章

  • css中的正则表达式

    关键词:正则表达式 正则表达式是css的亮点之一,但是兼容性不太好,而且只支持一些基本的写法: 字符 ^ 表示字符...

  • 根据flex属性解读CSS的语法

    语法 语法解构 CSS语法中的特殊符号的含义绝大多数就是正则表达式中的含义,例如单管道符|,方括号[],问号?,个...

  • 2-3 Scrapy选择器的用法

    一、四大选择器 CSS、Xpath、正则表达式和pyquery,推荐使用pyquery和正则表达式 二、pyque...

  • [插件3 CSS] optimize-css-assets-we

    用于优化或者压缩CSS资源 这个插件可以接受下列配置(均为可选): assetNameRegExp: 正则表达式,...

  • day09 scrapy的用法 和

    Selector 是 Scrapy的选择器器,基于lxml构建,⽀支持xpath, css, 正则表达式匹配scr...

  • [web前端经典面试题及答案]

    阅读目录 JavaScript部分 JQurey部分 HTML/CSS部分 正则表达式 开发及性能优化部分 本篇收...

  • 正则表达式在程序编码中的应用

    正则表达式在程序编码中的应用 正则表达式(括号)、[中括号]、{大括号}的区别小结 正则表达式的() [] {}有...

  • Python爬虫-Scrapy框架之Scrapy Shell

      背景:我们想要在爬虫中使用xpath、beautifulsoup、正则表达式、css选择器等来提取想要的数据,...

  • 正则

    ## 正则表达式 正则表达式是用于匹配字符串中字符组合的模式,在JavaScript中,正则表达式也是对象 ###...

  • Js正则表达式

    一、Js正则表达式概述 正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象...

网友评论

本文标题:css中的正则表达式

本文链接:https://www.haomeiwen.com/subject/abzqgttx.html