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

  • CaliforniaMetin

    CaliforniaMe

    3 ŞUBAT 2013
  • Top Gear

    Top Gear

    27 Mart 2006
  • TopOfTheTech

    TopOfTheTech

    5 NİSAN 2010