So, i need a style for
.question_actions.active
my existing CSS
.question_actions { float: right; font-size: 1em; width: 110px; } .question_action { margin-bottom: 8px; padding: 3px; } .question_actions.active { /* some CSS */ }
what would be the syntax to combine them?
HTML elements can be assigned multiple classes by listing the classes in the class attribute, with a blank space to separate them.
SASS/SCSS code to select multiple select classes in the same item. In SCSS, parent selector & symbol is used. This & will be resolved side by side after compilation for CSS.
To specify multiple classes, separate the class names with a space, e.g. <span class="left important">. This allows you to combine several CSS classes for one HTML element.
To define multiple classes, separate the class names with a space, e.g. <div class="city main">. The element will be styled according to all the classes specified.
Here you go:
.question_actions { float: right; font-size: 1em; width: 110px; .question_action { margin-bottom:8px; padding: 3px; } &.active { //some css } }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With