css-Stile überschreiben bestellen?

Gut ich habe 2 css enthält

<link href="Styles/layout.css" rel="stylesheet" type="text/css" />
<link href="Styles/ATJournal.css" rel="stylesheet" type="text/css" />

layout.css

Table.infoBox tr td table tr td
{
    padding: 0px;
    border: 0px;
}

ATJournal.css

table.ATJMainTable tr td
{
    border: 1px solid black;
    padding: 3px;
}

und dann haben wir diese Tabelle

<Table class="infoBox">
    <tr>
        <td>
        <table class="ATJMainTable">
            <tr>
                <td>
                    some text!
                </td>
            </tr>
        </table>
    </tr>
</table>

Warum layout.css überschreiben ATJournal.css in diesem Fall?

Selbst wenn ich die Reihenfolge der css-includes " - layout.css" noch überschreibt ATJournal.css....

InformationsquelleAutor Peter | 2009-05-11

css internet-explorer

11

Den Selektor spezifischer ist.
```
Table.infoBox tr td table tr td 
```
ist styling td-Zellen innerhalb einer Tabelle, die in eine Tabelle eingestuft mit infobox.
```
table.ATJMainTable tr td
```
ist styling td-Zellen innerhalb einer Tabelle klassifiziert mit ATJMainTable

Die Sie nutzen könnten !wichtig zu überschreiben, die Spezifität, oder Sie könnten etwas tun wie:
```
table.infoBox tr td table.ATJMainTable tr td
```
gezielt zu überschreiben, Stück.

Alternativ können Sie reduzieren die infobox Selektor weniger spezifisch ist?

InformationsquelleAutor Mike Cornell
10

Können Sie tatsächlich angeben, welche Regel gewinnt durch die Verwendung von !important.
```
table.ATJMainTable tr td
{
    border: 1px solid black !important;
    padding: 3px !important;
}
```
Diese im Grunde sagt dem browser, dass Sie sollten sicherstellen, dass diese Regel ist die wichtigste Regel und alle anderen sollen kaskadiert werden, zu Gunsten von diese Regel.

Warnung: Sie möchten, verwenden Sie diese sparsam, da wird es zu Problemen führen, wenn, die sind schwer aufzuspüren, wenn Sie es zu viel.

Sind besser zu vermeiden versucht mithilfe dieser syntax werden alle zusammen. nicht schlimm, es zu benutzen, aber wenn Sie es vermeiden können, sollten Sie.
Dies ist nicht eine Antwort auf die Frage. Es könnte eine Lösung für das problem, das inspiriert die Frage, aber es ist eine schlechte.
jetzt ein paar Jahre später, wenn ich ein größeres Verständnis von css ich habe die Antwort akzeptiert, da dies zu beantworten ist nicht der richtige Weg, um das problem zu lösen!
Es ist immer gut zu sehen, wenn Menschen die Verantwortung für Ihre Fragen vor Jahren.

InformationsquelleAutor Nick Berardi
3

es ist ein spezifischer Selektor.

Sehen hier.

InformationsquelleAutor Zack Marrapese

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.