2

CSS を使用して、私の Web サイトでアクティブなメニュー項目のテキストの色を変更する方法を教えてください。

(これは Joomla の Web サイトであり、標準のガントリー フレームワーク テンプレートを必要に応じて変更しています)。

アクティブなメニュー項目の CSS は次のとおりです...

.gf-menu.l1 > li.active {
      background: none;
      color: #19D57E;
      border: none;
      border-bottom: 3px solid #19D57E;
      border-radius: 0px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      margin: 0 auto;
      padding-top: 1px;
    }

パッシブ メニュー項目の CSS は次のとおりです...

 .gf-menu .item {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      line-height: 21px;
      color: #555555;
      padding: 4px 8px;
      text-align: left;
      text-shadow: 0px 0px 0 transparent;
      text-decoration: none;
      display: block;
      outline: 0;
      cursor: pointer;
      font-weight: bold;
    }

私が欲しいのは、アクティブなメニュー項目のテキストの色を緑にすることです (#19D57E)。

アクティブなメニュー項目の下部にはすでに緑色の線が表示されていますが、メニュー項目のテキストの色はパッシブ メニュー項目と同様に黒のままです。ご覧のとおり、色のテキストを指定しましたが、なぜかそれを行っていません。

私は何を間違っていますか？

ウェブサイトをご覧になりたい場合は、http://www.barrylong.tv/index.php/homeにアクセスしてください。

どうもありがとう！

ヘクター

4

4 に答える 4

1

必要な CSS は次のとおりです。

.gf-menu.l1 > li.active a {
      color: #19D57E;
}

a事後注意.active

お役に立てれば

于 2013-09-28T19:46:20.827 に答える
0

これをスタイル シートに追加します.gf-menu > .active > a { color: #19D57E; }。

于 2013-09-28T19:47:15.597 に答える
0

li要素の.item要素の色を変更する必要があると思います。.active現時点では、リンクではなく、li 要素の色を変更しようとしています。

.gf-menu.l1 > li.active .item {
    /* ... */
    color: #19D57E;
    /* ... */
}
于 2013-09-28T19:47:23.710 に答える
0

CSS ブロックを見つけます: foritem101 active last

「ホーム」のソースに注意してください：

<li class="item101 active last">

<a class="item" href="/index.php/home">Home </a> </li>

変更するテキストの色のプロパティが表示されます。あなたがしていることがうまくいかないのは、間違った CSS ブロックのプロパティを変更しているためです。

于 2013-09-28T19:49:36.233 に答える