✔ Frage zu CSS Selektor

[Alice]

Hallo.

Ich würde gerne ein Span "ansprechen" welches ein bestimmtes Titel hat.

<span title="auto"></span>

#content > table > tbody > tr > td:nth-child(1) > span[title^="auto"]
{
css sprite...
}

#content > table > tbody > tr > td:nth-child(1) > span[title^="motorrad"]
{
css sprite...
}

#content > table > tbody > tr > td:nth-child(1) > span[title^="auto motor sport"]
{
css sprite...
}

Ist die CSS-Schreibweise so korrekt?

span[title^="auto"]
span[title="auto"]

 

[SpiceLab]

span[title^="auto"]

Trifft auf alle <span>-Elemente zu, in deren title-Attribut zu Beginn "auto" notiert ist.

span[title="auto"]

Trifft auf alle <span>-Elemente zu, in deren title-Attribut ausschließlich "auto" enthalten ist.

 

[Alice]

Weisst Du zufällig welche Browser dies Unterstützen bzw. welche es nicht unterstützen?

 

[SpiceLab]

Alle modernen Browser interpretieren seit jeher den Attribut-Selektor. Und der ehemalige Platzhirsch IE seit Version 7.

http://caniuse.com/#feat=css-sel2 + http://caniuse.com/css-sel3

 

[Alice]

Ich hätte noch eine Frage.

Was ist denn davon zu halten, eine Webseite - so gut es geht - ohne Klassen und ID's zu gestalten? Also alles schön mit Selektoren usw.

<header>
   <section>
      Logo
  </section>
   <section>
      Buttons
  </section>
   <nav>
      Navigation
  </nav>
</header>
<main>
   <section>
      Content
  </section>
   <section>
      Sidebar
  </section>
</main>
<footer>
   <nav>
      Navigation 1
  </nav>
   <nav>
      Navigation 2
  </nav>
   <nav>
      Navigation 3
  </nav>
</footer>

 

[SpiceLab]

Ich hätte noch eine Frage.

Was ist denn davon zu halten, eine Webseite - so gut es geht - ohne Klassen und ID's zu gestalten? Also alles schön mit Selektoren usw.

Andersrum gefragt, was sollte dagegen sprechen, weitesgehend auf Klassen- u. ID-Bezeichner zu verzichten?

Jedem nach seiner Fasson

Aber hatten wir das nicht schon mal an anderer Stelle erörtert?

 

[Alice]

Naja...

Ich bearbeite ja ein Forum und keine starre Webseite.

Man schaue sich mal den Quelltext - dieser Seite - an und stellt fest... Was ist das denn? Überall "class" und "id". Die HTML5-Elemente einfach "reingehauen". Mir gefällt es nicht. Egal...

Ich habe jetzt die komplette Startseite meines Forums ohne Klassen und ID's aufgebaut. Für "Quelltext begutachter" sicherlich ein Augenschmaus. Es funktioniert super. Ich frage mich nur, warum ich der einzige (?) bin, der das macht?

Wie würdest Du es machen Meister?

 

[SpiceLab]

Aber hatten wir das nicht schon mal an anderer Stelle erörtert?

Wir hatten tatsächlich das Vergnügen

Ich möchte, wenn man mit der Maus über ein DIV "fährt", ein anderes Element (UL) einblenden. Das Problem ist, dass ich möglichst auf "class" und "id" verzichte und viel mit Kindselektoren arbeite.

 

[SpiceLab]

Wie würdest Du es machen Meister?

Es kommt halt immer auf den Einzelfall im Markup an, was praktisch/technisch vonnöten ist

Und wenn Frameworks wie Bootstrap u. jQuery mit ins Boot kommen, ist die Frage danach eh obsolet

 

[Alice]

Das ist schon alles klar...

Was ich eher meine ist:

Wir nehmen 2 einfache starre Webseiten.

Die eine normal mit Klassen und ID's.
Die andere komplett nur mit Selektoren.

Welche Seite wäre technisch gesehen hochwertiger? Schneller?

Man spart zwar "HTML-Code" aber dafür wird ja das CSS länger. Für Google zählt das HTML mehr, würde ich behaupten.