当前位置: 首页 > 面试题库 >

基于通配符的属性名称的CSS选择器

陆宏扬
2023-03-14
问题内容

最近,我对CSS选择器进行了一些研究,并遇到了有关新“ data- *”属性的问题。

我了解,为了选择具有data属性的元素,有几种解决方法:

[data-something='value']{...}    // data-something has value = 'value'
[data-something^='value']{...}   // data-something has value that STARTS with 'value'
[data-something*='value']{...}   // data-something has value with 'value SOMEWHERE in it

这些还有其他变体,但我的问题与CSS选择器有关,该选择器可以定位仅具有“数据”属性的元素。更具体地说,是否有CSS选择器可以定位完全具有ANY“数据”属性的元素?

虽然不正确,但我在想类似的东西:

[data]{...}

我一直在搜索Google,但尚未找到有关该属性的通用选择器的任何信息。


问题答案:

不,在CSS选择器中没有通配符表示属性名称。所有属性选择器都禁止使用特定的属性名称。



 类似资料:
  • 问题内容: 我有一些生成的CSS,想使用一些CSS可以选择例如 使用和忽略。类似于: 我可以生成更多的类,但想知道CSS是否可行。 问题答案: 您不能使用这样的通配符,但是要获得所需的结果(ID以开头和以结束),可以改用属性starts-with和ends-with选择器,如下所示: 记住,通过链接这样的多个属性选择器(以及类型选择器),您将对所有这些属性选择器进行同一个AND匹配。

  • 具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题(title)的所有元素变为蓝色:[title] { color:blue; } 属性和值选择器 下面的实例改变了标题title='runoob'元素的边框样式:[title=r

  • 问题内容: 有没有一种方法可以根据元素文本在CSS中选择元素? 即: 那可能行不通。 编辑:也只需要支持Chrome。 问题答案: 您不能直接使用CSS,而是可以基于内部内容通过JavaScript设置CSS属性,但最后仍然需要在CSS定义中进行操作。

  • 问题内容: 我正在处理CSS文件,发现需要设置文本输入框的样式,但是,我遇到了问题。我需要一个匹配所有这些元素的简单声明: …但不符合以下条件: 这是我想做的: 在上述CSS中,请注意第一个选择器是。我的意思是我要选择未指定type属性的所有输入框(因为它默认为文本,但不匹配)。不幸的是,我找不到CSS3规范中的此类选择器。 有人知道实现此目标的方法吗? 问题答案: :不是 选择器

  • 问题内容: 是否有CSS选择器通过其内联样式属性值选择此元素? 就像是 问题答案: 内联属性与任何其他HTML属性没有什么不同,并且可以与子字符串属性选择器匹配: 正是由于这个原因,它 非常脆弱 。由于属性选择器不支持正则表达式,因此只能执行与属性值 完全 匹配的子字符串。例如,如果属性值中的某处有空格,如下所示: 在您更改选择器以适应空间之前,它不会匹配。然后,它将停止匹配 不 包含空格的值,除

  • 本文向大家介绍基于jQuery选择器之表单对象属性筛选选择器的实例,包括了基于jQuery选择器之表单对象属性筛选选择器的实例的使用技巧和注意事项,需要的朋友参考一下 注意: 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素 以上这篇jQuery选择器之表单对象属性筛选选择器实例就是小编分享