CSS and filename coding conventions

Question

What kind of convention do you (or your company) run on filenames and CSS class names? For example, let's say you have these class names: window, window top, window top left, window top right. How do you name those class names (and such filenames)?

Currently I am doing the following:

.window {
 background: url(images/window.png);
}

.window-top {
 background: url(images/window-top.png);
}

.window-top-left {
 background: url(images/window-top-left.png);
}

What other ways are there?

Jake · Accepted Answer · 2010-07-10 10:34:22Z

1

From the class names, I assume this is CSS for some sort of widget or plugin. The names you have given are pretty clear but to help avoid clashes I'd probably prefix them with a short plugin/widget specific string ie:

.mywindow-window{
}

.mywindow-window-top{
}

.mywindow-window-top-left{
}

These names are a little verbose, but should help make things clearer in the long run.

If I'm mistaken, then the naming convention you are hinting at should be fine - whats most important is that you are consistent.

answered Jul 10, 2010 at 10:34

Jake

1,0266 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS and filename coding conventions

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related