SORU
20 AĞUSTOS 2009, PERŞEMBE


nasıl css devralmasını önlemek için

Aşağıda kullandığım örnek kod bloğu. Css iki set var, ve iki ÜL bileşen üzerine uygulamak istiyor. ancak sonuç çıkıyor, iç" üst için tanımlanmış olan.css bazı düzenleyecek "UL hatta css bazı tanımlı "b" olacak tarafından geçersiz kıl ""... kabus...

nasıl miras bırakabilirim???

<ul class="moduleMenu-ul">
    /* for loop begin */
        <li class="moduleMenu-li">
                  <a></a>
        </li>
    /* for loop end */
     <li class="moduleMenu-li">
          <a>On Over the div below will be show</a>
          <div id="extraModuleMenuOptions">
                <ul class="flow-ul">
                 /*for loop begin*/
                    <li class="flow-li">
                          <a class="flow-a"></a>
                    </li>
                 /*for loop end*/
                </ul>
          </div>
     </li>
</ul

CSS:

.moduleMenu-ul {
    width: 100%;
    height: 43px;
    background: #FFF url("../images/module-menu-bg.gif") top left repeat-x;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.moduleMenu-ul .moduleMenu-li {
    display: block;
    float: left;
    margin: 0 0 0 5px;
}

.moduleMenu-ul .moduleMenu-li a {
    height: 43px;
    color: #777;
    text-decoration: none;
    display: block;
    float: left;
    line-height: 200%;
    padding: 8px 15px 0;
    text-transform:capitalize;
}

.moduleMenu-ul .moduleMenu-li a:hover { color: #333; }

.moduleMenu-ul .moduleMenu-li a.current{
    color: #FFF;
    background: #FFF url("../images/module-menu-current-bg.gif") top left repeat-x;
    padding: 5px 15px 0;
}

#extraModuleMenuOptions {
    z-index:99999;
    visibility:hidden;
    position:absolute;
    color:#FFFFFF;
    background-color:#236FBD;
}

#extraModuleMenuOptions .flow-ul {
    text-align:left;
}

#extraModuleMenuOptions .flow-ul .flow-li {
    display:block;
}

#extraModuleMenuOptions .flow-ul .flow-li .flow-a {
    color:#FFFFFF;
}

CEVAP
20 AĞUSTOS 2009, PERŞEMBE


bu da şöyle diyelim:

<ul>
    <li></li>
    <li>
        <ul>
            <li></li>
            <li></li>
        </ul>
    </li>
    <li></li>
<ul>

Şimdi sen bana ben sana IE6 uyumluluğu (Quirksmode referans) gerekiyorsa aşağıdaki css olabilir

ul li { background:#fff; }
ul>li { background:#f0f; }

> doğrudan çocuklara bir operatör, bu durumda lis sadece ilk seviye mor olacak.

Bu yardımcı olur umarım

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BASS212M

    BASS212M

    15 Temmuz 2009
  • TimMinchinLive

    TimMinchinLi

    23 ŞUBAT 2009
  • Tinkernut

    Tinkernut

    28 Aralık 2006