Stefan: Sehr leider Fehler in Mini-Code nicht

Hallo zusammen,

ich habe folgenden CSS Code:

<style type="text/css">
#foot li {border-right:10px solid #0000FF;}
#foot li .item75 {border-right:0 none;}
</style>

und die HTML Befehle:

<div id="foot">
<ul class="menu">
 <li class="item74"><a href="#">Link1</a></li>
 <li class="item75"><a href="#">Link2</a></li>
</ul>
</div>

Kann mir bitte jemand sagen, warum ich die Anweisung den Rand für item75 auszublenden nicht klappt?

Vielen Dank im voraus!

  1. Kann mir bitte jemand sagen, warum ich die Anweisung den Rand für item75 auszublenden nicht klappt?

    Was soll denn die Null da? ;)

    #foot li .item75 {border-right:none;}

    Grüße aus dem Wald
    Voodoo

    1. Hi,

      Was soll denn die Null da? ;)

      die border-right-width spezifizieren.

      #foot li .item75 {border-right:none;}

      Wird keinerlei Wirkung zeigen - siehe MudGuards Antwort.

      Cheatah

      --
      X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
      X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
      X-Will-Answer-Email: No
      X-Please-Search-Archive-First: Absolutely Yes
  2. Hi,

    #foot li .item75 {border-right:0 none;}
    <div id="foot">
    <li class="item75"><a href="#">Link2</a></li>

    Kann mir bitte jemand sagen, warum ich die Anweisung den Rand für item75 auszublenden nicht klappt?

    Weil es kein Element mit class="item75" in einem Element namens li in einem Element mit id="foot" gibt.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Lieber MudGuard,

      #foot li .item75 {border-right:0 none;}
      <div id="foot">
      <li class="item75"><a href="#">Link2</a></li>
      Weil es kein Element mit class="item75" in einem Element namens li in einem Element mit id="foot" gibt.

      ...und dazu noch die Anmerkung dass die Schreibweise mit dem Abstand zwischen "li" und ".item75" die Schreibweise für den Nachfahrenselektor ist, die natürlich erwartet, dass in einem "li" ein Kindelement mit der CSS-Klasse "item75" sitzt, was in obigem Beispiel - wie Du korrekt angemerkt hast - ganz offensichtlich nicht der Fall ist.

      Hätte diese kleine Anmerkung so viel Mehrarbeit bedeutet? Ich bin mir sicher, ob der OP mit Deiner Antwort so unbedingt schnell weiterkommt...

      Liebe Grüße aus Ellwangen,

      Felix Riesterer.

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

        [...] mit der CSS-Klasse "item75" [...]

        mit der HTML-Klasse "item75".

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
    2. Hi Andreas,

      ups, habe den Fehler gefunden. es muss heissen:
      #foot ul .item75 {border-right:0 none;}

      aber eigentlich müsst doch auch
      .item75 {border-right:0;}
      alleine gehen. aber dies ist nicht der fall.

      1. Hallo Stefan,

        ups, habe den Fehler gefunden. es muss heissen:
        #foot ul .item75 {border-right:0 none;}

        bzw.

        #foot li.item75 {border-right:0 none;}

        (man beachte das fehlende Leerzeichen)

        aber eigentlich müsst doch auch
        .item75 {border-right:0;}
        alleine gehen. aber dies ist nicht der fall.

        Das liegt an der Spezifität.

        Jonathan

        1. Hallo Jonathan

          (man beachte das fehlende Leerzeichen)

          Danke für den Hinweis.

          Gute Nacht!