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

是否可以在属性选择器的中间使用CSS通配符?

吕飞翼
2023-03-14
问题内容

我有一些生成的CSS,想使用一些CSS可以选择例如

<p id="loremIndexIpsum">Text in here</p>

使用loremIpsum忽略Index。类似于:

p#lorem*Ipsum
{
}

我可以生成更多的类,但想知道CSS是否可行。


问题答案:

您不能使用这样的通配符,但是要获得所需的结果(ID以开头lorem和以结束Ipsum),可以改用属性starts-with和ends-with选择器,如下所示:

p[id^="lorem"][id$="Ipsum"]

记住,通过链接这样的多个属性选择器(以及p类型选择器),您将对所有这些属性选择器进行同一个AND匹配。



 类似资料:
  • 问题内容: 是否可以使用CSS选择器来定位具有特定值的输入? 示例:如何根据 问题答案: 动态值(哦,不!D;) 正如npup在他的回答中解释的那样,一个简单的css规则将仅针对该属性,这意味着它不覆盖html节点的实际值。 原始答案 是的,很有可能,使用css属性选择器,您可以按以下方式通过输入的值来引用输入: 从参考 [att]当元素设置“ att”属性时匹配,无论该属性的值如何。 [att

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

  • 问题内容: 最近,我对CSS选择器进行了一些研究,并遇到了有关新“ data- *”属性的问题。 我了解,为了选择具有data属性的元素,有几种解决方法: 这些还有其他变体,但我的问题与CSS选择器有关,该选择器可以定位仅具有“数据”属性的元素。更具体地说,是否有CSS选择器可以定位完全具有ANY“数据”属性的元素? 虽然不正确,但我在想类似的东西: 我一直在搜索Google,但尚未找到有关该属性

  • 问题内容: 我想知道是否存在可以在C#中使用的类似jQuery的CSS选择器。 目前,我正在使用正则表达式解析一些html字符串,并认为在jQuery中使用诸如css选择器之类的东西来匹配所需元素会更好。 问题答案: 您肯定应该看到@jamietre的CsQuery。看看他对这个问题的答案! Fizzler和Sharp-Query提供了类似的功能,但是这些项目似乎被放弃了。

  • 我正在尝试(可能有点鲁莽)在CSS中重现Douglas Crockford所说的底部值。 什么是底值? 在Javascript中,底部值为和。 我可以使用自定义数据属性: 并且我可以给它一个null值(使用Unicode): 在CSS中,我可以引用任何为空的自定义数据属性: 接下来,我要部署一个与此JavaScript相当的: 但我似乎不能引用任何非空的自定义数据,因为如下所示: 无效且无效。 已

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