2012-04-15 3 views
2

私は私のワードプレスのサイトにWordpressの - サイドバーに3つのウィジェット、第三ウィジェットに「最後」クラスを適用します

register_sidebar(array(
    'name' => 'Home Widgets', 
    'before_widget' => '<div id="%1$s" class="blurb %2$s">', 
    'after_widget' => '</div> <!-- end .widget -->', 
    'before_title' => '<h4 class="widgettitle">', 
    'after_title' => '</h4>', 
)); 

をカスタムサイドバーを作成していると私は、ウィジェットを使用して、その中に3つのウィジェットを追加しました管理ページのパネル

これは、CSS

.blurb { float: left; margin-right: 96px; width: 256px; }

である私も、最後の(第3)ウィジェットに余裕の権利を削除するには、「最後」クラスを宣言しました。

.last { clear: right; margin-right: 0 !important; }

どのように私は最後のウィジェットに「最後」クラスを適用することができますか?

答えて

3

あなたはそうする必要はありません。マージンをmargin-leftに変更し、クラス.blurb:first-child {margin-left: 0;}を作成してください。 IE7 +と互換性があります。

+1

':first-child'は':last-child'がIE7で戦闘性を持たないため、私は8も信じていますが、問題がなければ ':last-child'を使うことができます。 – sg3s

+0

子をクリアするには、親のウィジェットへのオーバーフローをauto以外のものに変更して、ウィジェット内のすべてのウィジェットをクリアすることができます。 – sg3s

関連する問題