Berechnungen mit Numerischen Operatoren in Sass Durchführen
Wir können mathematische Berechnungen mit Zahlen durchführen. Sass unterstützt alle grundlegenden arithmetischen Operationen wie Addition (+), Subtraktion (-), Multiplikation (*) und Division (/).
width: 100px + 10px; /* 110px */
height: 100% - 20%; /* 80% */
Für Addition und Subtraktion ist es wichtig, dass die Werte die gleichen Einheiten haben (z. B. %, px).
animation-duration: 200ms * 3; /* 600ms */
flex-basis: 100% / 4; /* 25% */
Bei Multiplikation und Division ist es entscheidend, dass einer der Werte keine Einheit besitzt. Sass kann keine Division von Pixeln oder Prozentwerten berechnen.
Mathematische Operationen mit Variablen
Wir können Variablen einfach in die Berechnungen einbeziehen, sofern die Variable einen gültigen Wert hat.
Angenommen, wir möchten einem Element einen doppelten Außenabstand hinzufügen:
$defaultMargin: 30px;
.item {
margin: $defaultMargin * 2; /* Result is 60px */
}
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you explain why units must match for addition and subtraction in Sass?
What happens if I try to multiply two values with units in Sass?
Can you show more examples of using variables in Sass calculations?
Awesome!
Completion rate improved to 2.04Berechnungen mit Numerischen Operatoren in Sass Durchführen
Swipe um das Menü anzuzeigen
Wir können mathematische Berechnungen mit Zahlen durchführen. Sass unterstützt alle grundlegenden arithmetischen Operationen wie Addition (+), Subtraktion (-), Multiplikation (*) und Division (/).
width: 100px + 10px; /* 110px */
height: 100% - 20%; /* 80% */
Für Addition und Subtraktion ist es wichtig, dass die Werte die gleichen Einheiten haben (z. B. %, px).
animation-duration: 200ms * 3; /* 600ms */
flex-basis: 100% / 4; /* 25% */
Bei Multiplikation und Division ist es entscheidend, dass einer der Werte keine Einheit besitzt. Sass kann keine Division von Pixeln oder Prozentwerten berechnen.
Mathematische Operationen mit Variablen
Wir können Variablen einfach in die Berechnungen einbeziehen, sofern die Variable einen gültigen Wert hat.
Angenommen, wir möchten einem Element einen doppelten Außenabstand hinzufügen:
$defaultMargin: 30px;
.item {
margin: $defaultMargin * 2; /* Result is 60px */
}
Danke für Ihr Feedback!
