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

  • BigDawsVlogs

    BigDawsVlogs

    17 HAZİRAN 2013
  • DONFANTASTICKYPESS

    DONFANTASTIC

    1 Temmuz 2007
  • ipsy Makeup Tips

    ipsy Makeup

    19 ŞUBAT 2009