css newbie Frage -
Wir haben ein verallgemeinertes CSS für die Tabelle mit seinen Tabellenzellen definiert als:
In einem Szenario möchte ich den TD-Stil überschreiben, so dass ich ein Icon-Bild vor dem Text der Tabellenzelle anzeigen kann.
also, wenn die Tabellenzelle als - <td> Vehicle Name & Details </td>
Ich möchte einen Stil für diese Tabellenzelle anwenden, so dass auch ein Symbolbild vor dem Text angezeigt wird - 'Fahrzeugname & amp; Details '.
Ich habe diesen Stil in CSS-Datei hinzugefügt -
%Vor% und zu td hinzugefügt als <td class="vehicle"> Vehicle Name & Details </td>
aber kein Symbol wird angezeigt. Elterntabelle dieser td ist <table class="table">
Vermisse ich etwas?
Danke!
.vehicle (ein Klassenselektor) ist weniger spezifisch als .table td (ein Klassenselektor + ein Typselektor).
Sie brauchen entweder:
.table td.vehicle ) td.vehicle ) in einem Regelsatz, der später im Stylesheet erscheint Ersetzen Sie die Hintergrundposition durch
%Vor%Sie können auch das No-Repeat-Ergebnis für Debug-Zwecke ändern, um zu sehen, ob das Bild geladen wird.
Auch ich rate, dass Sie firebug installieren (wenn Sie firefox verwenden), also können Sie html und css on-the-fly manipulieren.
Es sollte funktionieren, stellen Sie sicher, dass die Route zum Bild korrekt ist. Beachten Sie auch, dass es sich um ein Hintergrundbild handelt, das Sie einstellen. Wenn Sie nicht möchten, dass sich das Bild hinter dem Text befindet, müssen Sie padding - & gt; jsfiddle
Tags und Links css