Ich habe ein Element mit der Klasse A, mit Regeln:Wie man ein Element in der rechten positioniert: 0, wenn es bereits verlassen hat: 0-Style in einem seiner Klasse
.A {
left: 0px;
}
Aus irgendeinem Grund ich müssen das Element an der richtigen Position innerhalb des Containers machen und ich kann die Klasse A nicht ausschließen.
Spezifität ist dein Freund hier:
hier ein paar Optionen ....
Aufschalten der Klasse mit zusätzlicher Spezifität wie eine andere Klasse (oder ID)
.container {
height: 50vh;
position: relative;
width: 50%;
bordeR: 1px solid grey;
margin: auto;
}
.A {
position: absolute;
height: 25px;
width: 25px;
left: 0;
background: #000;
margin-bottom: 1em;
}
.A.right {
left: auto;
right: 0;
background: red;
}<div class="container">
<div class="A"></div>
<div class="A right"></div>
</div>oder ein n-ter Kindselektor
.container {
height: 50vh;
position: relative;
width: 50%;
bordeR: 1px solid grey;
margin: auto;
}
.A {
position: absolute;
height: 25px;
width: 25px;
left: 0;
background: #000;
margin-bottom: 1em;
}
.A:nth-child(2) {
left: auto;
right: 0;
background: red;
}<div class="container">
<div class="A"></div>
<div class="A"></div>
</div>
sie mit Vererbung .Behälter .A außer Kraft setzen {left: auto; rechts: 0;} –