是否有CSS Select 器根据内联样式属性值 Select 此元素?

<div style='display:block'>...</div>

差不多

div[cssAttribute=cssValue]

推荐答案

内联style属性与任何其他HTML属性没有区别,并且可以与子字符串属性 Select 器匹配:

div[style*="display:block"]

然而,正是因为这个原因,它才是extremely fragile.由于属性 Select 器不支持正则表达式,因此只能执行exact个属性值的子串匹配.例如,如果属性值中有一个空格,如下所示:

<div style='display: block'>...</div>

在您更改 Select 器以适应该空间之前,它不会匹配.然后它将停止匹配包含空格的don't的值,除非您包含所有排列,令人作呕.但是,如果您正在处理的文档中的内联样式声明本身不太可能发生任何变化,那么您应该没有问题.

还要注意,根据DOM中反映的元素的实际指定、计算或使用的值 Select 元素的值最多为not.对于CSS Select 器,That是不可能的.

Html相关问答推荐

Blazor中有1像素高行的表格

D3.js—分组条形图—更新输入数据时出错

Select 包含iframe的图形<><>

如何在Vim中删除Html标签?

将输入字段下方的两个按钮设置为两侧对齐

在iOS中调整HTML邮箱内容的大小

使用`<;use>;`与`<;img>;`时呈现的SVG大小不同

如何在网格中拥有离散的行

是否有语义 HTML 可以澄清含义?

带有数据 URI 的音频在 Chrome 中失败

如何将 HTML DateTime 转换为 Golang Time 对象

如何将背景与之前的内容正确对齐

为什么 css position:fixed 不适用于对话框标签?

表格中每 4 行条纹一次

增加第一个字母的大小不再正确居中文本

如何为某些行具有 rowspan 的表的每个奇数行着色

如何将某些 div 的高度限制为具有 display flex 行的同一父 div 中的其他 div?

如何在没有 JS 的情况下创建带搜索的 Select 菜单

我如何使用 HTML 和 CSS 在我的下拉菜单中获得这种类型的样式

SVG 适用于 Safari,不适用于 Chrome