如何查看附加的样式:firebug中的悬停和其他伪类以及chrome调试器

Gre*_*ida 15 javascript css firebug google-chrome-devtools

我知道必须有一种方法可以做到这一点,我总是只是解决它,但是,有什么方法可以看到(和/或编辑)应用于元素的伪类样式?

例如,我希望编辑.myclass:hover#someid:active在调试器中.

PS.我真的更关心如何在chrome调试器中执行此操作,尽管感谢firebug!

thi*_*dot 27

检查元素,然后:

对于Firebug:

请注意,如果再次飞越元素,悬停CSS代码将消失(您必须重新检查:悬停).

对于Chrome:

您可以看到伪造的类规则并强制它们在元素上.

要在"样式"窗格中查看它们,请单击右上角的小虚线框按钮.

要强制元素进入:hover状态,请右键单击它.