> in css

Status
Niet open voor verdere reacties.
F

Frenske123

Terugkerende gebruiker
Lid geworden
2 jul 2007
Berichten
1.267
Hoi,

Nou heb ik een redelijke kennis van CSS maar dit kwam ik nog niet tegen

Code: 
#vtab > ul > li

Waarvoor staan die pijlen > ?

Groet Frenske
 
Dat geeft een ouder > kind relatie aan, in dit geval zelfs een grootouder > ouder > kind relatie.

De stijl die hierbij hoort is allen geldig in deze specifieke situatie.

Bijvoorbeeld ul > li geldt hier wel voor item 1 en 2 en voor sub-items 2-a en 2-b
Maar niet voor sub-items 3-a en 3-b
Code: 
<ul>
  <li>Item 1</li>
  <li>Item 2
    <ul>
      <li>Sub-item 2-A</li>
      <li>Sub-item 2-B</li>
    </ul>
  </li>
  <li>Item 3
    <ol>
      <li>Sub-item 3-A</li>
      <li>Sub-item 3-B</li>
    </ol>
  </li>
</ul>
 
Beiden bedankt voor jullie reacties,loop ik voor mezelf nog eens na

Code: 
<!doctype html>

  <html>
  <head>
  <meta charset="utf-8">
  <title>Naamloos document</title>
  <style type="text/css">
#vtab > ul > li {
	font-size:44px; color:red;
}
</style></head>
    
  <body><div id="vtab">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
      <ul>
        <li>Sub-item 2-A</li>
        <li>Sub-item 2-B</li>
      </ul>
    </li>
    <li>Item 3
      <ol>
        <li>Sub-item 3-A</li>
        <li>Sub-item 3-B</li>
      </ol>
    </li>
  </ul>
   </div>
  </body>
  </html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan