Как выбрать несколько div по его уникальному номеру

Question

есть ли способ выбрать несколько div с помощью css ??

как

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

и т.д.

Answer 1

Относительно ie7, ie8 и любого другого браузера, который принимает «селекторы соответствия подстрок» ​​(см. http://www.w3.org/TR/css3-selectors/),. Вы можете использовать следующий синтаксис для выбора элементов с несколькими одинаковыми идентификаторами:

DIV [ID = 'текст-бокс']

Это в основном говорит механизму синтаксического анализа: «выберите все элементы div, которые имеют атрибут id, начинающийся с« text-box »

QRC:

[attribute ^ = 'text'] = атрибуты, которые начинаются с 'text'

[attribute $ = 'text'] = атрибуты, которые заканчиваются на 'text'

[attribute * = 'text'] = атрибуты, которые содержат 'text'

Answer 2

CSS не имеет подстановочного знака для этого.

Однако, если вы используете jQuery, вы можете:
http://api.jquery.com/attribute-contains-selector/ или
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 3

как это?

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

Answer 4

maerics 'ответ правильный. Селектор CSS, используемый для выбора div s, в этом случае будет:

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

Answer 5

CSS-классы предназначены для выбора нескольких элементов:

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