A css discussion...

Eli Cochran eli at media.berkeley.edu
Tue Aug 5 16:37:47 UTC 2008


Thinking a little more about this pattern:

> What about a more semantic and recycleable approach, where you divide
> class names into roles (Selector, State, Presentation)?
>
> <div class="mySelector state_disabled theme_redAndBlue"></div>

Seems that the Presentation should always be part of the container not  
part of the selector, so the structure is:

<div class="theme">
	<div class="selector state">foo</div>
</div>

this would simplify the markup as you would not need to repeat the  
theme for each element and it also means that you only have to change  
one place to switch to a different theme.

- Eli

. . . . . . . . . . .  .  .   .    .      .         .              .                     .

Eli Cochran
user interaction developer
ETS, UC Berkeley





More information about the fluid-work mailing list