FirefoxやChromeで擬似クラス(:hoverや:activeなど)のCSSを調整する方法を紹介します。 1.問題点 次のようなHTMLがあります。 <!doctype html> <html> <head> <meta charset="UTF-8" /> <style> a { color: #333; text-decoration: none; } a:hover { text-decoration: underline; } a:active { color: #00f; } </style> </head> <body> <a href="http://user-domain/">test</a> </body> </html> このHTMLのリンクの表示についてFirefoxのFirebugで検証する場合、要素セレクタ「a」についてはプロパティや値を書き換えることでブ
![FirefoxやChromeで擬似クラス(:hoverや:activeなど)のCSSを検証する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/59a29c73e3ddfcd3fecbbc07d861a84daeca4ac2/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2F2015%2Ffirefox_logo.jpg)