Можно ли использовать подстановочный шаблон CSS в середине селектора атрибутов?

У меня есть некоторый сгенерированный CSS и хотел бы использовать некоторые css, которые могли бы выбрать, например.

<p id="loremIndexIpsum">Text in here</p>

Использование на lorem и Ipsum без учета Index. Нечто похожее на:

p#lorem*Ipsum
{
}

Я могу создать еще несколько классов, но задавался вопросом, возможно ли это с помощью CSS.

Ответы

Ответ 1

Вы не можете использовать такой шаблон, но для получения желаемого результата (ID начинается с lorem и заканчивается на Ipsum), вы можете использовать начинается и заканчивается с помощью селекторов, например:

p[id^="lorem"][id$="Ipsum"]

Помните, что путем связывания нескольких селекторов атрибутов, подобных этому (вместе с селектором типа p), вы выполняете сопоставление И со всеми из них на одном элементе.

jsFiddle demo