2012-04-15 14 views
2

i eine benutzerdefinierte Sidebar Seite in meinem Wordpress erstellen habenWordpress - 3 Widgets in einer Sidebar, Nehmen "letzte" Klasse in die dritte Widget

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>', 
)); 

und ich habe 3 Widgets in es mit dem Widget hinzugefügt Panel in der Admin-Seite.

Dies ist die CSS

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

Ich habe auch eine „letzte“ Klasse deklariert die Marge bis zum letzten (dritten) Widget zu entfernen.

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

Wie kann ich die "letzte" Klasse zum letzten Widget anwenden?

Antwort

3

Sie müssen nicht. Ändern Sie die Marge zu margin-left und machen Sie eine Klasse .blurb:first-child {margin-left: 0;} und Sie sollten in Ordnung sein. IE7 + kompatibel.

+1

Sie verwenden die Pseudoklasse ': first-child', weil': last-child' in IE7 keine Kampffähigkeit hat und ich glaube auch 8, aber wenn das kein Problem ist, könnten Sie ': last-child' verwenden. – sg3s

+0

Um die untergeordneten Elemente zu löschen, können Sie den Überlauf des übergeordneten Elements zu den Widgets auf etwas anderes als auto setzen, um alle Widgets darin zu löschen. – sg3s

Verwandte Themen