css相当于jQuery的$（...）。css（prop，''）？

Question

使用jQuery，可以通过将空字符串作为“设置”来取消早期的CSS设置。  例如。之类的事情：

$('#foo').css('display', 'none');

...表达式：

$('#foo').css('display', '');

基本上取消之前的设置。

是否有类似的方式取消 CSS中的早期设置？

例如，假设我为元素X设置了一些CSS属性，如何在X:hover指令中指定此相同属性的取消设置？

Answer 1

将属性设置为默认值（可以是“inherit”）。这可能更多地查找您正在使用的默认值和组织，而不是您要求的。

X { outline: 1px solid red; }
X:hover { outline: none; }
/* this is different than not setting { outline: 1px solid red; } on X:hover! */

或者你不能选择X：悬停时首先设置它。

X:not(:hover) { outline: 1px solid red; }