Javascript Css悬停选择器应选择完整行

Javascript Css悬停选择器应选择完整行,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我希望选择完整的行,而不仅仅是该行中的一个元素。此外,选择时不应考虑填充物和边距,而应只考虑所有元素的全宽和最大元素的大小 JSFiddle: HTML: 这是因为在:hover之前有一个空格,它应用于子元素,而不是.row元素 .row:hover { // There should be no space before :hover background-color: green; } 这是因为在:hover之前有一个空格,它应用于子元素,而不是.row元素 .row:hover

我希望选择完整的行,而不仅仅是该行中的一个元素。此外,选择时不应考虑填充物和边距,而应只考虑所有元素的全宽和最大元素的大小

JSFiddle: HTML:


这是因为在
:hover
之前有一个空格,它应用于子元素,而不是
.row
元素

.row:hover {   // There should be no space before :hover
  background-color: green;
}

这是因为在
:hover
之前有一个空格,它应用于子元素,而不是
.row
元素

.row:hover {   // There should be no space before :hover
  background-color: green;
}

只需将CSS更改为

.row:hover {
  background-color: green;
}
因此,您可以将
:hover
选择器分配给整行。阅读更多关于


这是您的最新版本。

只需将您的CSS更改为

.row:hover {
  background-color: green;
}
因此,您可以将
:hover
选择器分配给整行。阅读更多关于


这是您更新的。

。行:hover{…
。行:hover{…