Durchnummerierte CSS ID

    In meiner Wordpressinstallation werden ID mit fortlaufenden Nummern erzeugt.

    Zum Beispiel
    nav_menu-2
    nav_menu-3
    ...
    nav_menu-11

    Ich suche eine Methode, wie man im Stylesheet sich folgende Notation sparen kann

    #nav_menu-2{}
    #nav_menu-3{}
    ...
    #nav_menu-11{}

    sondern all diese Menüpunkte mit nur einer Definition abdecken kann.

    Also so etwas wie
    #nav-menu-[COLOR=#ff0000]$

    [/COLOR][COLOR=#ff0000][/COLOR][COLOR=#ff0000][/COLOR][COLOR=#ff0000][/COLOR][COLOR=#ff0000][/COLOR][COLOR=#000000][/COLOR]Google hat mich nicht ansatzweise weitergebracht, weil ich nicht mal ansatzweise weiß, mit was für Begriffen ich suchen muss.

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Hi,
    du kannst alle diese Klassen auf einmal ansprechen, wenn du sie nebeneinander mit Komma (und Leerschritt) getrennt hinschreibst.

    Das sollte dann so aussehen:
    #nav_menu-2, #nav_menu-3, #nav_menu-11{}

    du suchtest nach "attribute selectoren" :-), obwohl du es nicht wusstest...

    HTML
    div[id^="nav_menu-"], 
div[id*="nav_menu-"] {
   deine angaben
}

    ob da div oder nav oder was weiß ich vorher hingehört weiß ich nicht...
    die erste Angabe ist die "noch zielgenauere" ...

    hängt von der html Struktur also vom "Dom" ab.

    eine doch gute Doku findest du hier
    http://www.sitepoint.com/web-foundation…r-css-selector/

    oder hier

    http://www.sitepoint.com/web-foundation…bute-selectors/

    ich selbst nutze sie nicht sehr oft, weil der Browser zum Rendern dann viel Zeit braucht ( gut ich bin da Fantatikerin :-), also performtes CSS ist es nicht so ganz,...

    1. weil jede ID mehr Zeit zum Rendern braucht als eine Klasse,
    2. weil es meist eine Klasse vor all diesen unterschiedlichen IDs gibt, die ich nutzen kann...
    und 3. weil Attribute Selektoren eben sehr umfassend sind und hie und da redudantes CSS ergeben... hängt von Fall zu Fall ab...

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden