Anreißer Text mit Border

Hallo,

jeder Artikel hat generell eine ID. Im Quelltet sieht der Anfang des Artikels dann ungefähr so aus: <div id="a1316" class="articlearea">. Über diese ID lässt sich dann der individuelle Artikel per CSS bequem formatieren. z.B.:

<style>
div#a1316{
  border: 1px solid red;
} 
</style>

Man kann dem CSS-Eintrag (den sogenannten "Selektor") eine durch Komma getrennte Liste übergeben, damit man die Stil informationen nicht x-fach wiederholen muss. Das sähe dann z.B. so aus.

<style>
div#a11,
div#a23,
div#a33,
div#a44{
  border: 1px solid red;
} 
</style>

Hallo,

ich hoffe es ist in Ordnung, wenn ich kurz was dazwischen werfe.

Das ist eine tolle Sache. Ich habe das eben mit einem Button ausprobiert, da ich unterschiedliche Buttons machen möchte.

Habe folgendes eingegeben:

<style>
div#a1897{
    display: inline-block;
    padding: 10px 15px;
    font-size: 1em;
    font-weight: bold;
    line-height: normal;
    text-decoration: none;
    color: #525252;
    border: 2px solid #A71680;
    border-radius: 5px;
    background-color: transparent;
}
</style>

aber dann sah es so aus:

Der selbe Code ohne den "div#a1897", sondern mit .button sah so aus, aber eben für alle Buttons im Projekt:

Ich verstehe warum, aber wie baue ich den .button richtig in den Code ein?

Liebe Grüße
Vanessa

Hallo,

immer besser ein neues Thema aufmachen. Denn die Frage hat ja etwas mit Buttons zu tun, nicht mit Anreißer-Text.
Beim Button verhält es sich wohl anders, aber da gibt es eine noch einfachere Lösung:

Button zum Bearbeiten doppelklicken
Auf das kleine Mischpult-Icon unten links klicken
Auf "Mehr" klicken
Ins Feld "Inline-CSS" direkt ihre CSS Anweisungen schreiben.

Ah, vielen Dank.

Ok, ich dachte, das sei von der Anpassung her gleich, daher die Frage hier. Dann mach ich das nächste Mal ein neues Thema auf.