SORU
22 ŞUBAT 2011, Salı

CSS kullanarak :ve hatta :pseudo-sınıfları listesi öğeleri garip

Pseudo-sınıfları listesi öğeleri CSS kullanmak mümkün mü?

Aşağıdaki renkler alternatif bir liste üretmek için bekliyordum, ama onun yerine mavi öğelerin bir listesi:

<html>
    <head>
        <style>
            li { color: blue }
            li:odd { color:green }
            li:even { color:red }
        </style>
    </head>
    <body>
        <ul>
            <li>ho</li>
            <li>ho</li>
            <li>ho</li>
            <li>ho</li>
            <li>ho</li>
        </ul>
    </body>
</html>

CEVAP
22 ŞUBAT 2011, Salı

JSFiddle

li {
  color: blue;
}
li:nth-child(odd) {
  color: green;
}
li:nth-child(even) {
  color: red;
}
<ul>
  <li>ho</li>
  <li>ho</li>
  <li>ho</li>
  <li>ho</li>
  <li>ho</li>
</ul>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
HtmlCssCss-SeçicilerCss-selectors

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • MC JIN'S OLD YouTube CHANNEL

    MC JIN'S OLD

    2 Kasım 2008
  • Ludique

    Ludique

    21 NİSAN 2009
  • MrExcite96

    MrExcite96

    17 ŞUBAT 2011

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR