Ich untersuche eine CSS-Datei eines Drittanbieters, und ich stoße auf die gleiche Klasse, die die gleiche Eigenschaft mehrmals gesetzt hat, aber jedes Mal mit anderen Werten. Ich kann mir nicht vorstellen, warum das so ist. Könnte jemand bitte etwas Licht in dieses Thema bringen?Warum widersprüchliche Eigenschaften für dieselbe Klasse?
Beispiel unten:
.tabulator .tabulator-header .tabulator-col {
display: inline-block;
position: relative;
box-sizing: border-box;
border-right: 1px solid #aaa;
background: #e6e6e6;
text-align: left;
vertical-align: bottom;
overflow: hidden;
}
.tabulator .tabulator-row .tabulator-cell {
display: inline-block;
position: relative;
box-sizing: border-box;
padding: 4px;
border-right: 1px solid #aaa;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
Ich verstehe Ihre Frage nicht, diese Klassen haben unterschiedliche Namen, sie haben eindeutig unterschiedliche Zwecke. Meinst du, warum werden sie auf dem gleichen Element verwendet? Wenn das so klingt, hört sich das nur nach einer schlechten Verwendung von HTML/CSS an. –
@TomOakley die Tabulator-Klasse ist die, auf die ich mich beziehe. – Abs
Zum einen zielen diese Regeln auf ** verschiedene ** Elemente ab. Diese Regeln setzen die Eigenschaften für '.tabulator' ** überhaupt nicht **. Ich würde vorschlagen, dass Sie ein erstes Mal darüber lesen, wie Selektoren aufgebaut sind. –