0

IamはCSSのフッターについてサポートが必要です。

私は新しいワードプレス開発者であり、それを操作する方法の要点を理解していますが、いつものように問題が発生しました。特定のCSSスニペットを選択する方法が正確にわからないため、おそらく簡単です。必要。私はFirebugを使用していますが、CSSで何が起こっているのかわからないことがあります。

これは私のテストサイトなので、私が何について話しているのかを見ることができます。私のフッターでは、最後の<li>要素（アーカイブ）がFollowUsの真下に表示されることを望んでいます。私はいつでも最後の子cssルールを使用できますが、IEはそれを無視します。それで、私の次のオプションは何ですか？WordPressがリストに個別のスタイルを与えた場合の対処方法はわかっていますが、この場合はそうではないため、どうすればよいかわかりません。

CSS

#footer { width: 100%; height: 503px; background: url(img/FOOTER-bg.jpg) repeat-x; background-color: #821d20; position: relative; top: 100px;/*border: 1px solid #0C0;*/}
.footer-widgets { width: 960px; margin: 0px auto; padding: 0px; /*border: 1px solid #fff;*/ }
.footer-widgets li { width:280px; height: auto; list-style-image: none; list-style-position: outside; list-style-type: none; float: left; color: #fff; padding: 13px; margin-right: 10px; /*border: 1px solid #fff;*/ }
.footer-widgets li ul {color: red;}
.footer-widgets li ul li {color: #fff; margin-left: -50px; margin-top: -15px;}

これを機能させるための最良の方法は何ですか？どんな助けでも大歓迎です！

4

2 に答える 2

2

:last-childセレクターを受け入れないブラウザーをサポートする必要がある場合は、2つのオプションがあります。

  1. 最後の要素にクラスを手動で追加し、スタイルを設定します。

  2. javascriptを使用して最後のものを見つけ、<li>クラスを追加してから、スタイルを設定します。

[編集] 残念ながら、W3Cトラバーサル仕様lastElementChildで導入された非常に便利な機能はIE8/7でもサポートされていません。繰り返しになりますが、2つの選択肢があります。

  1. $('.footer-widgets li:last-child')非常にシンプルなセレクターを持つjQueryのようなライブラリを使用する
  2. 通常のjsを使用して、面倒なDOMトラバーサルで要素を見つけます。

この1つのことにjQueryを使用するのはばかげていると思いますが、サイトで他のjavascriptを実行する場合は、jQueryを使用する方がよいでしょう。そうでなければ、それはただの苦痛なので、私はDOMトラバーサルから遠ざかります。手動で最後にクラスを配置し、<li>それで完了します:)

于 2012-04-11T18:47:04.820 に答える
0

私が見る2つの選択肢があります：

  1. 最後の要素にクラスを追加し、JavaScriptでそれを取得して独自の操作を行います。

  2. jQueryを使用して、ネストされた要素を取得します（不要だと思います）。

    例：

    $('.yourElement').css('property', 'value')

補体：

JavaScriptで要素を取得する：

  var x = document.getElementById("id");

このW3Cドキュメントを例とともにご覧になることをお勧めします。JavaScriptで要素を取得した直後に、必要な操作が行われます。

私はそれがあなたを助けるかもしれないと思います！

于 2012-04-11T18:49:27.857 に答える