2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Untergeordnete Elemente können die Stilattribute des übergeordneten Elements, die sich auf die untergeordneten Elemente auswirken, direkt erben. Daher sind für einige Elemente keine Stile festgelegt und die Stile haben sich ebenfalls geändert.
Verschiedene Selektoren wählen dasselbe Element aus, und unterschiedliche Attribute zwischen Selektoren können überlagert werden, und dieselben Attribute werden entsprechend der Gewichtung überschrieben.
Gewichtung: Tag=1, Kategorie=10, ID=100, Zeile(js)=1000
Überprüfen Sie zunächst, ob das Element ausgewählt ist. Wenn es ausgewählt ist, wird das Gewicht berechnet. Wenn die Gewichte gleich sind, wird der endgültige Stil verwendet geschrieben.
<style>
/*important只作用于当前的属性，强调非常重要，不会被后续的样式覆盖，但不影响当前的权重*/
div p{
color: pink;
font-size: 15px !important;
}
.header p{
color: red;
font-size: 25px;
}
</style>
</head>
<body>
<div class="header">
<p>段落</p>
</div>
</body>
Obwohl im obigen Code das Gewicht von .header p größer ist als das von div p, verwendet das Attribut „font-size“ von div p !important, sodass das Festlegen der Schriftgröße desjenigen mit dem größeren Gewicht keine Wirkung hat.
Er widmet sich seit mehr als dreißig Jahren der Technologieforschung und beherrscht verschiedene Sprachen wie Java, Linux, Javascript, PHP, CSS usw. und hat viele Beiträge im Open-Source-Bereich geleistet eine Entwicklerdokumentationsstation, um einige Themen in der Technologieentwicklung als zukünftige Referenz zu teilen
