jQuery 的 $(...).css(prop, '' ) 的 css 等价物？

Question

使用 jQuery，可以通过传递一个空字符串作为“设置”来取消早期的 CSS 设置。 例如。在像这样的事情之后:

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

...表达式:

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

基本上取消之前的设置。

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

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

Answer 1

将属性设置为默认值(可能是“继承”)。这可能比您要求的更多地查找您正在使用的默认值和组织。

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

或者一开始设置的时候不能选择X:hover

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