Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: [css] erste css klasse in einer box selector

  1. #1
    Erfahrener Benutzer
    Registriert seit
    09.12.2014
    Beiträge
    559

    [css] erste css klasse in einer box selector

    moin

    beispiel -> https://jsfiddle.net/34db3nat/3/

    ich möchte

    an das erste div mit der klasse .row in einem div mit der klasse .group etwas padding-top haben

    beispiel 1 hat keine gruppe also egal ...

    beispiel 2 hat eine gruppe und keine sonder row ausserhalb des unter containers (sort-container)

    beispiel 3 hat eine gruppe und hat eine sonder row ausserhalb des unter containers (sort-container)

    betreffene rows sind 2.1 und 3.1

    ich bin irgendwie zu blöde das rein per css hin zu bekommen und js will ich für sowas nicht nehmen

    der troll

  2. #2
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.692
    PHP-Code:
            .group .row:first-child {
              
    padding-top10px;
            } 
    Pakete werden jetzt mit $_DHL geliefert... nicht mehr mit $_POST

  3. #3
    Erfahrener Benutzer
    Registriert seit
    09.12.2014
    Beiträge
    559
    dann haben bei mir die 3.1 und die 3.2 ein padding

    siehe hier
    https://jsfiddle.net/34db3nat/4/


    edit:

    ich hab das noch kurz erweitert da bei mir noch andere elemente mit drin hängen die das ganze noch komischer machen

    https://jsfiddle.net/34db3nat/7/

    jetzt hat nur 3.2 das padding aber 3.1 nicht
    Geändert von Troll (14.10.2016 um 11:35 Uhr)

  4. #4
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.692
    Deine Anforderung ist doch aber "an das erste div mit der klasse .row in einem div mit der klasse .group etwas padding-top haben" und das erfüllt doch mein Selektor?
    Pakete werden jetzt mit $_DHL geliefert... nicht mehr mit $_POST

  5. #5
    Erfahrener Benutzer
    Registriert seit
    09.12.2014
    Beiträge
    559
    der nimmt ja das erste und das 2te nicht nur das erste

    und in meinem 2ten beispiel sogar nur das 2te

    edit:

    mit
    Code:
    .group > .row { 
          padding-top: 10px; 
    }
    bekomme ich nur die sonder row
    Geändert von Troll (14.10.2016 um 11:48 Uhr)

  6. #6
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.692
    Ich würde dir empfehlen nicht nur .row zu verwenden sondern auch .sort-row oder sowas. Damit du gar nicht erst solche Probleme bekommst. Sei hier nicht zu sparsam was Klassen angeht.
    Pakete werden jetzt mit $_DHL geliefert... nicht mehr mit $_POST

  7. #7
    Erfahrener Benutzer
    Registriert seit
    09.12.2014
    Beiträge
    559
    heisst also per JS die erste suchen und ne klasse setzten ?

    dachte halt das könnte man auch rein per css machen

    jut danke

  8. #8
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.692
    Nein nix mit js. rein CSS. Einfach noch paar Klassen ranschreiben ins HTML.
    Pakete werden jetzt mit $_DHL geliefert... nicht mehr mit $_POST

  9. #9
    Erfahrener Benutzer
    Registriert seit
    09.12.2014
    Beiträge
    559
    da dieses html in JS generiert wird und auch diese gruppierung erst zur laufzeit im JS gemacht wird .... es geht jetzt halt .... ich packe an das erste element eine paddingTop classe ran und schick

    oder ich versteh nicht so recht was du meinst ...

    ich hasse frontend

  10. #10
    Neuer Benutzer
    Registriert seit
    26.07.2019
    Ort
    Panama
    Beiträge
    20

    css erste css klasse in einer box selector

    Normal läuft das Forum ja gut, aber an meinem 800-MHz-Thin-Client dauert das Laden der CSS-Dateien ewig. Gibt es die Möglichkeit, die alle in eine Datei zu packen?

Seite 1 von 2 12 LetzteLetzte

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •