Sha*_*mar 0 css css-selectors pseudo-class
如果我写
h1:hover, li:hover {color:green;}
h1和li元素都可以获得悬停效果.
如果我写的话:
*:hover {color: green;}
这仅对锚元素有效.
是:hover pseudoclass不适用于通用选择器吗？
它确实有效.问题是页面上的所有文本都变为绿色,因为body元素也匹配,因此只要光标位于视口的任何位置(即页面主体),就不会看到"鼠标悬停"效果.您可以通过不使用通用选择器(我的意思是,为什么？)或通过指定body:hover颜色来解决这个问题.
如果你只看到一个悬停效果a的元素,你可能有一个a:hover风格的地方,压倒一切的*:hover风格作为通用选择比类型选择特定的少(即,不特定在所有).但是,在将光标移出视口之前,文本的其余部分应始终为绿色,例如将光标移动到浏览器镶边或远离窗口.(请注意,我在评论中链接到的小提琴中的"视口"是iframe.)