Have you ever encountered an advanced CSS rule that utilizes an asterisk in the selector name? I am currently working with Bootstrap and have multiple divs nested within a parent div like this:
<div class="example">
<div class="col-sm-1">
TEST
</div>
<div class="col-sm-4">
TEST
</div>
</div>
I was considering using something along the lines of:
div.example div.col-sm-*{
padding-right:5px;
}
While it wouldn't be difficult to specify each rule separately, I vaguely recall seeing a shorthand method used in the past and would like to understand if it exists for future reference. I even attempted:
div.example div.col-sm-[*]{
padding-right:5px;
}
Is this achievable?