2

内部に2 つ以上のセットがあり、最初の ULセットのみを太字に<UL>したいと考えています。<a>実際、これは複数のサブメニューを持つメニューであり、親リンクのみを太字にしたいと考えています。

IDまたはクラスを追加することで実行できることはわかっていますが、これはオプションではなく、cssメソッドのみを試してみたいだけです。

<ul class="menu">
    <li class="collapsed first">
        <a title="Mechanical products" href="1">Mechanical Products</a>
    </li>
  <li class="collapsed">
    <a title="Chemicals" href="2">Chemicals</a>
  </li>
  <li class="expanded active-trail">
    <a title="Instrumentation" href="3">Instrumentation</a>
    <ul class="menu">
        <li class="leaf first">
            <a title="Control valves FISHER" href="4">Control Valves</a>
        </li>
      <li class="expanded active-trail">
        <a class="active" title="Corrosion Monitoring System" href="5">Corrosion Monitoring</a>
        <ul class="menu">
            <li class="leaf first">
                <a title="Access Fitting Assemblies" href="6">Fitting Assemblies</a>
            </li>
          <li class="leaf last">
            <a title="Coupon Holders, Coupons &amp; Probes" href="7">Holders,Coupons</a>
          </li>
        </ul>
      </li>
    </ul>
  </li>
    <li class="collapsed">
        <a title="Mechanical products2" href="8">Mechanical Products2</a>
    </li>
</ul>

この例では、"Mechanical Products"、"Chemicals"、"Instrumentation"、および "Mechanical Products2" のみを太字にする必要があります。

4

4 に答える 4

5

最初の子セレクターを使用します。>

.menu > li {
    font-weight: bold;
}

>IE6 をサポートする必要がある場合でも、IE6 はセレクターをサポートしていないため、手動で行う必要があります。

.menu li a {
    font-weight: bold;
}
.menu li ul li a {
    font-weight: normal;
}
于 2012-11-13T06:32:48.993 に答える
1

それはおそらくそれを行うでしょう...

ul.menu li a
{
    font-weight:bold;
}

ul.menu li ul li a
{
    font-weight:normal;
}
于 2012-11-13T06:33:28.867 に答える
1

子セレクターを使用し、いくつかのクラスを指定してトップレベル<ul>を一意にする必要があります。

ul.top-level > li > a {
   font-weight: bold;
}​

デモ: http://jsfiddle.net/kJJw9/

于 2012-11-13T06:35:26.623 に答える
0

ul.menu li.collapsed a{font-weight:bold;}

于 2012-11-13T06:33:51.103 に答える