basti_p: css schreibweise

Hallo,

ich glaube, schon mal was zu dem Thema gelesen zu haben, finde aber die richtigen Suchbegriffe leider nicht.

Frage: in meiner CSS-Datei möchte ich den Elementen h2,h3,h4,p...,welche im Element mit der ID "contentarea" sind, Formate zuweisen:

#contentarea h2,#contentarea h3...{
margin-bottom: 12px;
...
}

Gibt es eine kompaktere Schreibweise, in der Art:

#contentarea (h2,h3,...){
margin-bottom: 12px;
...
}

Vielen Dank und Grüße Basti

  1. Servus,

    Gibt es eine kompaktere Schreibweise

    Leider nein.

    Gruss
    Patrick

    --
    sh:( fo:| ch:? rl:( br:> n4:( ie:% mo:) va:} de:> zu:) fl:| ss:| ls:[ js:|
    1. Hi shn!

      Gibt es eine kompaktere Schreibweise
      Leider nein.

      Doch.
      Entweder

      #contentarea * {  
      /*...*/  
      }
      

      zur Auswahl wirklich alle Unterelemente oder

      #contentarea > * {  
      /*...*/  
      }
      

      zur Selektion der direkten Nachfahren von #contentarea.

      Letzteres funktioniert aber im IE bis einschließlich Version 6 nicht.

      MfG H☼psel

      --
      "It's amazing I won. I was running against peace, prosperity, and incumbency."
      George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
      Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
      1. Doch.

        nein, die beiden unten genannten dinge sind völlig anders

          
        #contentarea h2,  
        #contentarea h3 {  
          /*...*/  
        }  
        
        

        schliesst folgendes ein
        <div id="#contentarea">
          <h2 />
        </div>

        <div id="#contentarea">
          <div><h2 /></div>
        </div>

        oder folgendes aus

        <div id="#contentarea">
          <h3 />
        </div>

          
        #contentarea * {  
          /*...*/  
        }  
        
        

        schliesst folgendes ein
        <div id="#contentarea">
          <h2 />
        </div>

        <div id="#contentarea">
          <h3 />
        </div>

        oder folgendes aus
        <div id="#contentarea">
          <div><h2 /></div>
        </div>

        1. Hallo,

          #contentarea h2,
          #contentarea h3{

          »»/*....*/
          »»}
          »»...

          oder folgendes aus

          <div id="#contentarea">
            <h3 />
          </div>

          Wieso wird h3 im 1. Beispiel ausgeschlossen?

          Grüße Basti

        2. Hi suit!

          #contentarea h2,

          #contentarea h3 {
            /.../
          }

          
          > schliesst folgendes ein  
          > <div id="#contentarea">  
          >   <h2 />  
          > </div>  
          > [...]  
          > oder folgendes aus  
          > <div id="#contentarea">  
          >   <h3 />  
          > </div>  
            
          Du verwirrst mich. Wo ist denn da der Unterschied?  
            
            
          
          > ~~~css
          
          #contentarea * {  
          
          >   /*...*/  
          > }
          
          

          [schließt] folgendes aus
          <div id="#contentarea">
            <div><h2 /></div>
          </div>

          Nö.

          MfG H☼psel

          --
          "It's amazing I won. I was running against peace, prosperity, and incumbency."
          George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
          Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
          1. Du verwirrst mich. Wo ist denn da der Unterschied?
            Nö.

            ich geh wieder ins bett ;) h2/h3 ist natürlich eingeschlossen, alle anderen elemente aber nicht mit * allerdings schon

            zudem selektiert der nachfahrenselektor 'E F' alle nachfahren in beliebiger tiefe, der kindselektor 'E>F' bzw 'E > F' nur direkte nachfahren

            http://www.w3.org/TR/REC-CSS2/selector.html

            1. Hi suit!

              ich geh wieder ins bett ;) h2/h3 ist natürlich eingeschlossen, alle anderen elemente aber nicht mit * allerdings schon
              zudem selektiert der nachfahrenselektor 'E F' alle nachfahren in beliebiger tiefe, der kindselektor 'E>F' bzw 'E > F' nur direkte nachfahren

              Du machst mich heute fertig. Erstens komme ich nicht mit deiner (manchmal fehlenden) Interpunktion zurecht und zweitens habe ich das alles schon in meinem ersten Post erwähnt. =)

              Hast du gestern ein neues Spiel getestet? Oder gab´s was zu feiern?

              Ich habe deshalb den *-Selektor gewählt, weil basti_p eine Ellipse hinter den aufgezählten Elementen verwendet hat:

              h2,h3,h4,p...

              MfG H☼psel

              --
              "It's amazing I won. I was running against peace, prosperity, and incumbency."
              George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
              Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
              1. Du machst mich heute fertig.

                das kann ich gut, gell :D

                Hast du gestern ein neues Spiel getestet? Oder gab´s was zu feiern?

                das zweitere ;)

                Ich habe deshalb den *-Selektor gewählt, weil basti_p eine Ellipse hinter den aufgezählten Elementen verwendet hat:

                h2,h3,h4,p...

                ob ... für "egal was da sonst noch kommt" oder "in paar weitere" steht, geht aber nicht klar hervor

                zudem ist eben der kind selektor nicht ident mit dem nachfahrenselektor

                1. Hi suit!

                  Du machst mich heute fertig.
                  das kann ich gut, gell :D

                  Du bist ja anscheinend noch nicht fertig damit... -.-

                  Hast du gestern ein neues Spiel getestet? Oder gab´s was zu feiern?
                  das zweitere ;)

                  Herzlichen Glückwunsch
                  [ ] zur Vaterschaft
                  [ ] zum Geburtstag
                  [ ] zur neuen Arbeitsstelle
                  [ ] zur Gehaltserhöhung
                  !
                  Oder warst du einfach nur für Spanien?

                  zudem ist eben der kind selektor nicht ident mit dem nachfahrenselektor

                  Und auch *das* habe ich deutlich hervorgehoben. [1]

                  [1] *aargh*

                  MfG H☼psel

                  --
                  "It's amazing I won. I was running against peace, prosperity, and incumbency."
                  George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
                  Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
                  1. Herzlichen Glückwunsch
                    [X] einfach nur so

                    Oder warst du einfach nur für Spanien?

                    nein, ich hätts den russen vergönnt

                    Und auch *das* habe ich deutlich hervorgehoben. [1]

                    ist mir entgangen ;)