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

  • rekjavicxxx

    rekjavicxxx

    28 EKİM 2007
  • Samantha Crain

    Samantha Cra

    30 EKİM 2008
  • Music EuroDance 2

    Music EuroDa

    12 Mayıs 2011