How to select multiple div by his unique id number

Question

hi,

is there a way to select multiple div with css??

like

div id="text-box4"
div id="text-box5"
div id="text-box7"

etc

Answer 1

like this?

#text-box4, 
#text-box5, 
#text-box7 {
    /* your properties here */
}

Answer 2

CSS classes are designed for selecting multiple elements:

<div id="text-box4" class="my-text-box"/>
<div id="text-box5" class="my-text-box"/>
<div id="text-box7" class="my-text-box"/>

Answer 3

CSS doesn't have a wildcard for that.

However if you use jQuery you can:
http://api.jquery.com/attribute-contains-selector/ or
http://api.jquery.com/attribute-contains-word-selector/

<div id="text-box4"></div>
<div id="text-box5"></div>
<div id="text-box7"></div>
<script>$("div[id*='text-box']").css("color", "red");</script>

Answer 4

maerics' answer is correct. The CSS selector used to select the divs in that case would be:

.my-text-box {
  /* Styles go here */
}