TalkPHP - View Single Post

Rhinos · 05-22-2010, 02:47 PM

It's a good tool but it doesn't generate good CSS files.

Usually something like:

Code:

#header #logo { /* ... */ }

is redundant. You don't need the #header as #logo should only appear once and therefore it doesn't matter what the parent is.

The same for:

Code:

form#post { /* ... */ }

You don't need to specify that it is a form tag because #post should only appear once and so the tag name does not really matter. It also means you could just as easily move the id="post" part to another tag if you need to.

It's a good tool to use though and does make it easier to manage complex CSS layouts. There is also another CSS tool called SASS that is similar to LessCSS but offers some different syntax and features. It doesn't fix the problems I've pointed out but I think over time both these tools will solve some of these problems.

05-22-2010, 02:47 PM	#4 (permalink)
Rhinos The Wanderer Join Date: Aug 2009 Posts: 17 Thanks: 0	It's a good tool but it doesn't generate good CSS files. Usually something like: Code: #header #logo { /* ... / } is redundant. You don't need the #header as #logo should only appear once and therefore it doesn't matter what the parent is. The same for: Code: form#post { / ... */ } You don't need to specify that it is a form tag because #post should only appear once and so the tag name does not really matter. It also means you could just as easily move the id="post" part to another tag if you need to. It's a good tool to use though and does make it easier to manage complex CSS layouts. There is also another CSS tool called SASS that is similar to LessCSS but offers some different syntax and features. It doesn't fix the problems I've pointed out but I think over time both these tools will solve some of these problems.