• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Verschachtelte Tags ansprechen

R

RhettButler

Neues Mitglied
Schönen guten Tag!


Bin nicht dahinter gekommen, wie ich per CSS den <a>-Tags anspreche, welche sich ausschließlich in folgender Verschachtelung befinden:

HTML: 
<style ....>
   ul.menu li ul li a { }
</style>

<ul class="menu">
  <li>
    <ul>
      <li><a></a></li
    </ul>
  </li>
</ul>

Herzlichen Dank!
 
Werbung:
Ich hätte es auf jeden Fall genau so probiert wie du. Wenn das nicht geht (was ja der Fall ist) hau ein div drumrum mit ner class und definier die class des divs.

HTML: 
<style>
   .eins ul li ul li a { font-weight: bold; color: red; }
</style>
<div class="eins">
    <ul>
        <li>
            <ul>
                <li><a>test</a></li
            </ul>
        </li>
    </ul>
</div>
<div class="zwei"><!-- Alternativ: <div> ohne class -->
    <ul>
        <li>
            <ul>
                <li><a>test</a></li
            </ul>
        </li>
    </ul>
</div>
 
Zuletzt bearbeitet:
Das geht.

HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <style type="text/css">

           ul.menu li ul li a { background: red; }

        </style>
    </head>

    <body>

        <ul class="menu">
          <li>
            <ul>
              <li><a>test</a></li>
            </ul>
          </li>
        </ul>

    </body>

</html>

Bitte vollständigen Beispielcode posten. Sonst lässt sich beim besten Willen nicht sagen, wo der Fehler liegt.
 
Werbung:
Herzlichen Dank für die Antworten!


Wie ich bemerkt habe, lag es nicht an der falschen Deklaration des CSS, sondern weil meine Anweisungen durch Spätere überschrieben worden sind.

Kurz: Wie ich das gemacht habe war richtig!
 
mermshaus schrieb:
Das geht.

HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <style type="text/css">

           ul.menu li ul li a { background: red; }

        </style>
    </head>

    <body>

        <ul class="menu">
          <li>
            <ul>
              <li><a>test</a></li>
            </ul>
          </li>
        </ul>

    </body>

</html>
Zum Vergrößern anklicken....

Klar geht es, aber wenn du darunter noch ein <ul> mit class="keinmenu" machst bekommt das auch das css von "menu" ab.
 
Werbung:
HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <style type="text/css">

           ul.menu li ul li a { background: red; }

        </style>
    </head>

    <body>

        <ul class="menu">
          <li>
            <ul>
              <li><a>test</a></li>
            </ul>
          </li>
        </ul>

        <ul class="keinmenu">
          <li>
            <ul>
              <li><a>test</a></li>
            </ul>
          </li>
        </ul>

    </body>

</html>
Beides hat roten Hintergrund.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben