CSS高度样式的CSS属性选择器

CSS高度样式的CSS属性选择器,css,css-selectors,inline-styles,Css,Css Selectors,Inline Styles,选择者会选择吗 <tr style="height:64px"> 与普通CSS属性选择器相同,即tr[style=“height:64px”]或tr[style=height:64px]或tr[style=“height\3a 64px”] 我可能没有正确地尝试过,但以上这些都不适合我 更新: @torazaburo我接受了@balapa的答案,不是因为分号,而是因为我的任何尝试都无效,而是@balapa向我展示了一个有效的代码。我相信没有分号它仍然可以工作,但对我来说,这

选择者会选择吗

  <tr style="height:64px">

与普通CSS属性选择器相同,即
tr[style=“height:64px”]
tr[style=height:64px]
tr[style=“height\3a 64px”]

我可能没有正确地尝试过,但以上这些都不适合我

更新:

@torazaburo我接受了@balapa的答案,不是因为分号,而是因为我的任何尝试都无效,而是@balapa向我展示了一个有效的代码。我相信没有分号它仍然可以工作,但对我来说,这远不如拥有一个工作代码重要

顺便说一句,FTR,事实证明,我的测试工具是问题的根源,我刚刚在那之后写了一篇文章。使用它,(Go)选择器应指定为
tr[style=height \:64px]

这样做:

.trHeight { height: 64px} 
和代码:

<tr class='trHeight"></tr>
使用样式属性是一种危险的做法 请执行以下操作:

.trHeight { height: 64px} 
和代码:

<tr class='trHeight"></tr>
使用样式属性是一种危险的做法
您需要在HTML和CSS代码的末尾添加分号。查看下面的示例

tr[style=“height:64px;”{
背景:红色;
}

常规TR
带内联样式的TR

您需要在HTML和CSS代码的末尾添加分号。查看下面的示例

tr[style=“height:64px;”{
背景:红色;
}

常规TR
带内联样式的TR

在符合规范的浏览器中,
tr[style=height:64px]
抛出DOM错误,表示这是无效的选择器。带双引号的版本有效。这是因为属性选择器中的值必须是CSS标识符或字符串<代码>高度:64px不是标识符,因此失败。用引号(单引号或双引号)将其括起来,使其成为一个字符串,这样可以工作

如果不想引用它,则需要使用CSS标识符的转义机制转义冒号。这就是为什么
[style=height \:64px]
有效的原因(下面的第二个示例)。有关详细信息,请参见,该问题本质上是重复的

[style=“height \:64px”]
之所以有效,是因为转义冒号本质上是不可操作的

[style=“height\3a 64px”]
可按预期工作,包括或不包括周围的引号
\3a
是冒号的CSS转义,下面的空格终止转义序列。我不知道为什么这对你不起作用。如果将此选择器指定为JavaScript字符串,可能忘记了转义反斜杠

[style=“height:;64px”]
不起作用,因为字符引用仅在HTML中有意义。它们在CSS选择器中没有任何意义

所有这些都与样式属性值是否以分号结尾无关。因此,被接受的答案所提供的描述是错误的。它只因引用而起作用

一句话:只要把属性值用引号括起来,就不用担心了

功能测试(sel){
试一试{
log(sel,“收益率”,document.querySelector(sel));
}捕获(e){
console.log(sel,“出错失败”,例如name);
}
}
测试('tr[style=height:64px]');
测试('tr[style=height\\\:64px]');
测试('tr[style=“height:64px”]”);
测试('tr[style=“height\\:64px”]”);
测试('tr[style=“height\\3a 64px”]”);
测试('tr[style=height\\3a 64px]');
测试('tr[style=“height:;64px”]”)

在符合规范的浏览器中,
tr[style=height:64px]
抛出DOM错误,表示这是无效的选择器。带双引号的版本有效。这是因为属性选择器中的值必须是CSS标识符或字符串<代码>高度:64px
不是标识符,因此失败。用引号(单引号或双引号)将其括起来,使其成为一个字符串,这样可以工作

如果不想引用它,则需要使用CSS标识符的转义机制转义冒号。这就是为什么
[style=height \:64px]
有效的原因(下面的第二个示例)。有关详细信息,请参见,该问题本质上是重复的

[style=“height \:64px”]
之所以有效,是因为转义冒号本质上是不可操作的

[style=“height\3a 64px”]
可按预期工作,包括或不包括周围的引号
\3a
是冒号的CSS转义,下面的空格终止转义序列。我不知道为什么这对你不起作用。如果将此选择器指定为JavaScript字符串,可能忘记了转义反斜杠

[style=“height:;64px”]
不起作用,因为字符引用仅在HTML中有意义。它们在CSS选择器中没有任何意义

所有这些都与样式属性值是否以分号结尾无关。因此,被接受的答案所提供的描述是错误的。它只因引用而起作用

一句话:只要把属性值用引号括起来,就不用担心了

功能测试(sel){
试一试{
log(sel,“收益率”,document.querySelector(sel));
}捕获(e){
console.log(sel,“出错失败”,例如name);
}
}
测试('tr[style=height:64px]');
测试('tr[style=height\\\:64px]');
测试('tr[style=“height:64px”]”);
测试('tr[style=“height\\:64px”]”);
测试('tr[style=“height\\3a 64px”]”);
测试('tr[style=height\\3a 64px]');
测试('tr[style=“height:;64px”]”)


对不起@Bindrid,我没有说清楚——我需要为
设计一个CSS选择器,用于选择/取消。也就是说,html字符串
来自一个我无法控制的网站。对不起@Bindrid,我没有说清楚——我需要为
提供一个CSS选择器,用于选择/取消。例如,html字符串