Kann CSS3 für eine Reihe von Klassen dynamisch gemacht werden?

Question

First off, im sorry, wenn die folgende Frage Art und Weise zu vage und unpräzise ist, aber das war meine beste Erklärung:

ich nur HTML5 & CSS3 gehen Trog begonnen haben. Ich zeichne eine Linie von Punkt x1y1 zu x2y2 mit css3.

Meine Frage ist, gibt es eine Möglichkeit, css3-Code dynamisch aufzurufen?

Zum Beispiel, ich habe 10 Namen in einer Datenbank, ich möchte sie in das HTML-Dokument platzieren und eine Linie zu jedem Namen aus der Mitte ziehen. Wie eine Sonne (das Zentrum) und die Sonnenstrahlen (mit den Namen am Ende).

So können für sagen name1 vom Zentrum der „Sonne“ 10degrees weist darauf hin, der nächste Strahl 15 sein könnte und die nächste nach dem 20 und so weiter ..

2 Tage später die Datenbank könnte 20 enthalten Namen, für die ich 20 Sonnenstrahlen darauf hinweisen möchte, aber ohne 10 weitere .classnames Sachen in meinem CSS3 hinzufügen doc

Ist das überhaupt möglich?

Danke! :)

EDIT: Typo

Answer 1

Sie können einen anderen gemeinsamen Klassennamen haben für alle Strahlen sagen „beam_class“ und definieren ihre Eigenschaften in ihm, so müssen Sie für jeden Strahl keine Sorge über die Schaffung neuer Klassen .