Posted on Thursday 23 December 2004
I’m sure a lot of you have downloaded the invaluable Web Developer extension for Firefox, which makes web dev a lot easier.
I’ve been reworking some of the CSS of the Kubrick template for WordPress, and it’s a mess to work with someone else’s CSS because of all the inheritance and such. There’s an option under the CSS menu called “View style information”. That has to be the extension’s best feature. Just click on an element anywhere on the page and it tells you what CSS is applied to it. Typical output:
http://www.5etdemi.com/wordpress/wp-layout.css
#sidebar ul li (line 399)
{
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike (line 161)
{
color: rgb(119, 119, 119);
}
#sidebar ul ul li, #sidebar ul ol li (line 421)
{
margin-top: 3px;
margin-bottom: 0pt;
}
Download it now!
