带有Regex的CSS2属性选择器

带有Regex的CSS2属性选择器是一种CSS选择器，用于选择具有特定属性的元素，并根据属性值的正则表达式进行筛选。这种选择器在CSS2中被引入，但在CSS3中已被废弃。

CSS2属性选择器的语法如下：

[attribute*="value"]

其中，attribute 是要匹配的属性名称，value 是要匹配的属性值的正则表达式。

例如，要选择所有具有 class 属性值包含 test 的元素，可以使用以下选择器：

[class*="test"]

需要注意的是，CSS2属性选择器仅支持简单的正则表达式，不支持较复杂的正则表达式。

腾讯云不提供专门的CSS2属性选择器相关的产品，但腾讯云的云服务器、云数据库、对象存储等产品都可以用于搭建网站和应用，从而实现对CSS2属性选择器的支持。

相关·内容

CSS属性选择器_伪类选择器的属性使用

大家好，又见面了，我是你们的朋友全栈君。...css04.css 1 /*属性选择器相关样式*/ 2 3 4 [love] { 5 color: green; 6 } 7 8 [love="me"] { 9...love 其值为me 29 30 属性选择器 1 补充示例 31 属性选择器 2 补充示例 32 属性选择器 3 补充示例 33 属性选择器 4 补充示例... 34 属性选择器 5 补充示例 35 属性选择器 6 补充示例

1.6K2 0

css模糊匹配

1、全局选择器 就是通配符 * 2、元素选择器 如ul li p h1 div等 3、类选择器 如.className{} 4、id选择器如#identity{} 5、属性选择器 CSS2...支持的属性选择器用一个表达式[{属性 | 属性 {= | |= | ~=} 值}] [class="a"]只能匹配class="a"的元素 [class~="a"]则可以匹配class="a"、class...CSS2新增了:hover :focus，而且不再局限于a标签，到这里我们最熟悉的伪类已悉数上场，下面来分析一下其区别。...:lang(char)相当于属性选择器[lang|=char]，匹配的是带有char（举例）本身及连字符的元素，如char、char-ca、char-be等。 ...包括：CSS1支持的:first-letter :first-line，CSS2支持的:after :before，CSS3并没有新增。伪元素可以和class联合使用。

3.4K2 0

CSS 属性选择器的深入挖掘

CSS 属性选择器，可以通过已经存在的属性名或属性值匹配元素。属性选择器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展。...本文将会比较全面的介绍属性选择器，尽可能的去挖掘这个选择器在不同场景下的不同用法。简单的语法介绍 [attr]：该选择器选择包含 attr 属性的所有元素，不论 attr 的值为何。...属性选择器最基本的用法，就是通过元素的属性值去选择 DOM 元素。...所以搭配属性选择器更多的通过属性的各种状态改变自身的样式。...例如上述的例子，使用特定的类名或者 id 选择器皆可完成。那么使用属性选择器的理由是什么？

9703 0

jQuery中属性选择器的使用

DOCTYPE html> 属性选择器的使用获取具有href属性的 DOM 对象获取属性值为www.baidu.com对象获取属性值不为www.baidu.com对象获取属性值以www开头的对象获取属性值以cn...结尾的对象获取属性值包涵it的对象获取属性值包涵www的对象并且title包含"是"的对象<br..."是"]').css({ // 'color':'red' // }); // }); }) 效果展示如下：图的顺序为以上代码的按钮的顺序结果

2.4K2 0

一、前端基础-css-css的选择器之属性选择器

-- 属性选择器 1、attribute：用于选取带有指定属性的元素，与属性的值没有关系。 2、attribute=value：用于选取带有指定属性和值的元素。...3、attribute~=value：用于选取属性值中包含指定词汇的元素。 4、attribute|=value：用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。...-- attribute 1、在head中添加样式（演示方便，可以使用link） 2、用于选取带有指定属性的元素，与属性的值没有关系。...3、可以使用自定义的属性 --> 属性选择器之attribute <!...3、可以使用自定义的属性 --> 属性选择器之attribute=value <!

7332 0

H5C3第一节

CSS3简介如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。...rotate(45deg); /*规范化后的写法*/ transform: rotate(45deg); } 【css3初体验】 CSS3选择器关系选择器 ?...属性选择器 ? 伪类选择器 伪类选择器的语法：都带有一个冒号 : child系列（重点） ? 思考： 1. 第一列变成红色 2. 最后一列变成红色 3....必须指定content属性，可以在content属性中写入文本内容，但是通常为空字符串。 //2....该值为空时，则对象的阴影类型为外阴影 CSS3背景在css2中已经有background属性了，用于设置盒子的背景相关的一些样式，在CSS3中新增加了几个背景相关的几个属性。

1K1 0

原在PostgreSQL中秒级完成大表添加带有not null属性并带有default值的实验

近期同事在讨论如何在PostgreSQL中一张大表，添加一个带有not null属性的，且具有缺省值的字段，并且要求在秒级完成。...default 'test'; ALTER TABLE Time: 36803.610 ms (00:36.804) 明显看到时间花费相当长，其实PostgreSQL在这里将数据完全重写了，主要原因就是就是添加的字段带有...我们来看下一新家字段的列属性： postgres=# select * from pg_attribute where attrelid = 16384 and attname='a9'; attrelid...，如何快速添加这么一个字段：首先，在这里我们涉及三张系统表，pg_class（表属性）、pg_attribute（列属性）、pg_attrdef（缺省值信息），接下来依次看一下三张表的信息： #pg_class...322.143 ms 问题： #正常添加字段可以 postgres=# alter table add_c_d_in_ms add a10 text; ALTER TABLE #如果添加not null属性的字段

8.2K13 0

前端学习(15)~css3学习(九)：选择器详解

CSS3介绍 CSS3在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。...CSS3选择器与 jQuery 中所提供的绝大部分选择器兼容。属性选择器 属性选择器的标志性符号是 []。...E[title="abc"]选中页面的E元素，并且E需要带有title属性，且属性值完全等于abc。...E[title^="abc"] 选中页面的E元素，并且E需要带有 title 属性,属性值以 abc 开头。...E[title$="abc"] 选中页面的E元素，并且E需要带有 title 属性,属性值以 abc 结尾。

5002 0

CSS3选择器介绍及用法总结

，不会覆盖产生冲突也很好记“绿化LVHuA” #CSS2选择器# 选择器 类型示例说明 * 通配选择器 * 选择所有元素 ele>ele 直接子元素选择器 div>p 选择父级是div元素的p元素...ele+ele 相邻兄弟元素选择器 div+p 选择紧挨着div元素之后的一个p元素 [attr] 属性选择器 [target] 选择带有target属性的元素 [attr=val] 属性选择器 [target...#CSS3选择器# 敲这么多终于到关键地方了 CSS3增加了很多强大的选择器，以伪劣选择器为主 CSS1和CSS2版本的选择器加起来都没它多我们一起来看一下 选择器 类别示例说明 ele...~ele 后兄弟元素选择器 div~p 选择div元素之后的所有p元素 [attr^=val] 属性选择器 a[src^=https] 选择src属性值以https开头的元素 [attr$=val] 属性选择器...class中以空格分隔的属性值中没有“de”的属性值说到这个属性选择器，我还要多说一点我在表格中的示例是这么写的 a[src=\.pdf] 是因为“.”它不认识，我们需要加“\”转义不过css中属性选择器也可以写成引号的形式

1.5K2 0

CSS3选择器大全

大家好，又见面了，我是你们的朋友全栈君。 1.CSS3选择器属性选择器 在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如，通过id属性可以将不同div元素进行区分。...:150px; display:block; margin-bottom:10px; background-color:yellow; font-family: Verdana, Arial; } 在CSS2...中引入了一些属性选择器，而CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器，使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器...如下表所示： 2.CSS3 结构性伪类选择器—root :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。...要正常使用:disabled选择器，需要在表单元素的HTML中设置“disabled”属性。 11.CSS3选择器 :checked选择器在表单元素中，单选按钮和复选按钮都具有选中和未选中状态。

6971 0

JavaWeb——JQuery之五种选择器的应用及实践案例总结（基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器）

： 1）标签选择器：$("html标签名")，获得所有匹配标签名称的元素； 2）id选择器：$("#id的属性值")，获得与指定id属性值匹配的元素； 3）类选择器：$(".class的属性值")，获得与指定的...class属性值匹配的元素； 4）并集选择器：$("选择器1,选择器2")，获取多个选择器选中的所有元素。...2.3 属性选择器 属性选择器包括三类： 1）属性名称选择器：$("A[属性名]")，包含指定属性的选择器 2）属性选择器：$("A[属性名= ‘值’]")，包含指定属性等于指定值的选择器 3）复合属性选择器...，包含多个属性条件的选择器 【练习案例】：主要看标签中的内容，注意各种条件的写法 <!...2.4 过滤选择器 过滤选择器包含9类： 1）首元素选择器： :first ，获得选择的元素中的第一个元素 2）尾元素选择器： :last ，获得选择的元素中的最后一个元素 3）非元素选择器： :

4.6K3 0

CSS3伪类和伪元素的特性及两者的区别

其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念，CSS1和CSS2中对伪类的伪元素的区别比较模糊，甚至经常有同行将:before、:after称为伪类。...CSS3对这两个概念做了相对较清晰地概念，并且在语法上也很明显的讲二者区别开。伪类 - pseudo classes 首先看看CSS2中对伪类的定义： CSS 伪类用于向某些选择器添加特殊的效果。...总之，:target通过CSS实现了常规CSS无法实现的逻辑。其实对比来看，CSS2中对伪类的定义也是合理地，但是它并未指出“某些选择器”是“哪些选择器”，CSS3对伪类的定义就显得明确了很多。...CSS3中还引入了许多新的伪类，感兴趣的读者可以参考这里。伪元素 - Pseudo-elements CSS2中对伪元素的定义： CSS 伪元素用于向某些选择器设置特殊效果。...:lang(de)):not(:lang(en))::after { content: " (Unrecognized language) "; } 以上代码通过伪类"lang获取不同lang属性的节点

6992 0

CSS 选择器参考手册

CSS3 选择器 在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）...选择器例子例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。...2 element+element div+p 选择紧接在元素之后的所有元素。 2 [attribute] [target] 选择带有 target 属性所有元素。...2 :lang(language) p:lang(it) 选择带有以 "it" 开头的 lang 属性值的每个元素。...3 attribute$=value a[src$=".pdf"] 选择其 src 属性以 ".pdf" 结尾的所有元素。

3922 0

CSS3伪类和伪元素的特性和区别

其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念，CSS1和CSS2中对伪类的伪元素的区别比较模糊，甚至经常有同行将:before、:after称为伪类。...伪类 - pseudo classes 首先看看CSS2中对伪类的定义： CSS 伪类用于向某些选择器添加特殊的效果。单单看定义完全不懂在讲什么。...总之，:target通过CSS实现了常规CSS无法实现的逻辑。其实对比来看，CSS2中对伪类的定义也是合理地，但是它并未指出“某些选择器”是“哪些选择器”，CSS3对伪类的定义就显得明确了很多。...CSS3中还引入了许多新的伪类，感兴趣的读者可以参考这里。伪元素 - Pseudo-elements CSS2中对伪元素的定义： CSS 伪元素用于向某些选择器设置特殊效果。...(:lang(de)):not(:lang(en))::after{ content: " (Unrecognized language) "; } 以上代码通过伪类"lang获取不同lang属性的节点

1K9 0

Jsoup选择器语法

，比如：可以用[^data-] 来查找带有HTML5 Dataset属性的元素 [attr=value]: 利用属性值来查找元素，比如：[width=500] [attr^=value], [attr$...=value], [attr*=value]: 利用匹配属性值开头、结尾或包含属性值来查找元素，比如：[href*=/path/] [attr~=regex]: 利用属性值匹配正则表达式来查找元素，比如...el:多个选择器组合，查找匹配任一选择器的唯一元素，例如：div.masthead, div.logo 3、Selector伪选择器语法 :lt(n): 查找哪些元素的同级索引值（它的位置在DOM树中是相对于它的父节点...，搜索不区分大不写，比如： p:contains(jsoup) :containsOwn(text): 查找直接包含给定文本的元素 :matches(regex): 查找哪些元素的文本匹配指定的正则表达式...i)login) :matchesOwn(regex): 查找自身包含文本匹配指定正则表达式的元素注意：上述伪选择器索引是从0开始的，也就是说第一个元素索引值为0，第二个元素index为1等

1.7K3 0

CSS选择器低版本IE浏览器的兼容

CSS 后代选择器很好用，让我们的工作变的更方便。但是 IE8 及以下对很多后代选择器并不兼容。...例如这6个比较常用的后代选择器： Child Selectors IE9 IE8 IE7 :first-child √ √ √ :last-child √ × × :nth-child(n) √ ×...纯css2方法：从第二个开始选择有一种很简单的方法，纯CSS实现。就是使用 element+element 即一个元素紧接着另一个元素选择器。...因为 last-child 元素是没有紧跟这的元素的， element+element 为CSS2选择器。...举个栗子：我们希望在每条记录之间加上分隔符，一般会加 border-bottom 属性，但是最后一个下面不能有，我们可以使用 li+li 选择符，改用 border-top 属性即可实现。

2.5K1 1

深入解析CSS样式层叠权重值

实际上在CSS2规范关于具体性(specificity)的定义中，描述是非常明确的，但是很多中文版本的 CSS 图书中采用了 10 进制的简单相加计算方式（包括第一版《CSS 权威指南》，第二版中已经纠正...选择器权重值的计算 A：如果规则是写在标签的style属性中（内联样式），则A=1，否则，A=0....（例如，#header 这样的选择器，计算为 0, 1, 0, 0）。 C：计算该选择器中伪类及其它属性的数量（包括类选择器、属性选择器等，不包括伪元素）。...，所以很多文章简单地把规则归纳为：内联样式的权重值是1000，ID选择器的权重值是100，class选择器的权重值是10，标签选择器的权重值是1....与其在编程语言中的意义刚好相反，不是代表“不重要”而是代表“很重要”。 CSS2 规范中规定：!important 用于单独指定某条样式中的单个属性。对于被指定的属性，有 !

1.1K6 0

css2.1中的属性选择器(css高手请绕道)

早上看了司徒先生的js版属性选择器(http://www.cnblogs.com/rubylouvre/archive/2009/10/27/1590102.html)，也激发了我深入了解css选择器的学习欲望...这个选择器与上一个选择器的区别是：E F会匹配E标签里面嵌套的所有F标签，而E > F只会匹配E标签里面嵌套的第一层F标签。说明：(Ie6以上版本支持) <!...="en"]：匹配任何lang属性值以"-"作为分隔符，而且第一个精确等于"en"的E元素（也匹配lang属性只有属性值en的元素）。运行代码以上属性选择器可以在http...://www.w3.org/TR/CSS2/selector.html查到官方权威信息

1.2K10 0

css应知应会第六集

作用：匹配某元素后所有满足条件的兄弟元素语法：选择器1~选择器2{} 2、属性选择器 1、什么是属性选择器...作用：匹配页面中所有带有 attr 属性的元素 ex： 1、[type] 匹配页面中所有带有...type 属性的元素 2、[class] 匹配页面中所有带有 class 属性的元素 2...匹配页面中同时带有 id 和 class 属性的 div元素 4、[attr=value] 作用：匹配页面中attr属性值为 value 的元素...文本颜色 : VS :: 1、:是在CSS2中提出来的，既能表示伪类选择器，又能表示伪元素选择器 2、::是在CSS3中提出来的，只能表示伪元素选择器

1.6K1 0

Xpath、Jsoup、Xsoup(我的Java爬虫之二)

//title[@*] 选取所有带有属性的 title 元素。...，比如：可以用[^data-] 来查找带有HTML5 Dataset属性的元素 [attr=value]: 利用属性值来查找元素，比如：[width=500] [attr^=value], [attr$...=value], [attr*=value]: 利用匹配属性值开头、结尾或包含属性值来查找元素，比如：[href*=/path/] [attr~=regex]: 利用属性值匹配正则表达式来查找元素，比如...el:多个选择器组合，查找匹配任一选择器的唯一元素，例如：div.masthead, div.logo 伪选择器selectors :lt(n): 查找哪些元素的同级索引值（它的位置在DOM树中是相对于它的父节点...i)login) :matchesOwn(regex): 查找自身包含文本匹配指定正则表达式的元素注意：上述伪选择器索引是从0开始的，也就是说第一个元素索引值为0，第二个元素index为1等可以查看

1.6K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云