Gerhard: CSS-Angabe so korrekt?

Hallo,
wenn

  
div.klasse1 span {} 

und

  
div.klasse2 span {} 

gemeinsame Eigenschaften haben, und ich diese in einer Def. angeben möchte, ist dies dann so

  
div.klasse1 span, div.klasse2 span {} 

am sinnvollsten oder gibt es eine kürzere Darstellung (mit Klammerung)?
Gruß
Gerhard

  1. Mahlzeit,

    am sinnvollsten oder gibt es eine kürzere Darstellung (mit Klammerung)?

    Nicht mit CSS, das geht nur mit SASS o.ä., was dann aber wieder zu deinem Beispiel wird ;)

    --
    42
  2. Om nah hoo pez nyeetz, Gerhard!

    wenn

    div.klasse1 span {}

    
    > und  
    > ~~~css
      
    
    > div.klasse2 span {} 
    
    

    gemeinsame Eigenschaften haben, und ich diese in einer Def. angeben möchte, ist dies dann so

    div.klasse1 span, div.klasse2 span {}

      
    So ist es richtig. Möglicherweise lässt es sich auf einen Selektor reduzieren, dies lässt sich aber ohne Kenntnis des HTML nicht sagen.  
      
    Matthias
    
    -- 
    Der Unterschied zwischen Java und JavaScript ist größer als der zwischen [Phi und Philosoph](http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=P#phi).  
    ![](http://www.billiger-im-urlaub.de/kreis_sw.gif)  
    
    
  3. @@Gerhard:

    nuqneH

    div.klasse1 span, div.klasse2 span {}
    am sinnvollsten oder gibt es eine kürzere Darstellung (mit Klammerung)?

    Mit Klammerung nicht (mit CSS), aber kürzer. Regel: Mache Selektoren so spezifisch wie nötig, so unspezifisch wie möglich.

    Hast du noch andere Elemente außer div mit diesen Klassen, deren span-Nachfahren nicht selektiert werden sollen? Wenn nicht, sollte 'div' im Selektor nicht auftauchen.

    .klasse1 span, .klasse2 span {}

    Qapla'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
    1. @@Gunnar:

      nuqneH

      div.klasse1 span, div.klasse2 span {}
      am sinnvollsten oder gibt es eine kürzere Darstellung (mit Klammerung)?

      Mit Klammerung nicht (mit CSS), aber kürzer. Regel: Mache Selektoren so spezifisch wie nötig, so unspezifisch wie möglich.

      Also demnach den span Elementen eine eigene Klasse spendieren ... :-P

      .klasse3 {}  
      
      

      Gruß Gunther

      1. @@Gunther:

        nuqneH

        Also demnach den span Elementen eine eigene Klasse spendieren ... :-P

        Wenn das semantisch Sinn macht durchaus, d.h. wenn span-Elemente gleichartige Inhalte haben.

        Ansonsten heißt »Selektoren so kurz wie möglich« natürlich nicht, dafür das HTML aufzublähen, womöglich gar noch mit präsentationsbezogenem Markup.

        Qapla'

        --
        „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)