Is it acceptable / correct to use integers as class names in this case

Question

I'm creating a simple to use responsive grid and at the moment have following code

.column {
    display: block;
    float:left;
}

.column.12 {
    width: 100%;
}

/* .. */

.column.6 {
    width: 50%;
}

/* .. */

Where integer relates to different size of a column

<div class="column 12"></div>

Above is an example usage.

Note that googling *"can class names start with a digit"* brings other QA, choose the one you like most for closing. — Denys Séguret, Feb 18 '14 at 14:09

score 0 · Accepted Answer · answered Feb 18 '14 at 14:03

0

No. Class names cannot start or be digits. An alternative would be to make class names that end with digits to signify their meaning.

.column12 {
    width: 100%;
}

.column6 {
    width: 50%;
}

answered Feb 18 '14 at 14:03

John Conde

1

`[class*="12"]` works fine as a selector. – James Donnelly Feb 18 '14 at 14:05
1

`[att*=value]` translates to "The attribute’s value contains the specified value". It is still not valid to start with, or be, a number – David Randall Feb 18 '14 at 14:08
1

@DavidRandall `*=` was simply an example. It's still possible to only select on a number though, regardless, it's just a bit long-winded: http://jsfiddle.net/rLxxE/1. :) (I'm not saying this is at all logical or good practice, however). – James Donnelly Feb 18 '14 at 14:11
1

@JamesDonnelly I agree it is possible, just not recommended :) – David Randall Feb 18 '14 at 14:17

1 Answers1