✔ div[class*="col"]

[aiquita]

Hey Leute,
ich bastel mir momentan ein kleines eigenes Css Grid - zum Spaß - in das ich auch Css klassen für Formulare und ähnliches einbaue.

Dabei verwende ich die Klassen .col_1 .col_2 usw. für die breite der Elemente

Wenn nun .col_? zu einem div zugeordnet ist soll dieser floaten

div[class*="col"] {
    float:left;
    margin:0 20px 0 0;
}

Theoretisch müsste das ganze so ja funktionieren und auch Firebug sagt unter Berechnet das die floats angekommen sind beim Browser, aber er stellt alle divs untereinader da
Wenn ich das führende div weglassen funktioniert es
Ich kann es nur nich weglassen da ich input.col_? für die breite von inputs verwende

Danke schonmal für eure Bemühungen

 

[Paspirgilis]

http://reference.sitepoint.com/css/css3attributeselectors

Ich würde dir ^= empfehlen, da es eher das ist was du willst.

Aber ich glaube es liegt eher daran, das du das mit class versuchst und nicht mit nem normalen attribute.
Leg doch einfach die css-klasse .col an.
Und pack halt zwei klassen auf ein div:

<div class="col col_1"></div>