Можно ли настраивать пользовательские элементы с тире в имени элемента?

Question

Я боюсь, что это будет невозможно, но я не мог найти для этого вопроса или ссылки, если бы это было возможно, поэтому я спрашиваю его здесь ...

Если вы знакомы с AngularJS или Polymer вы узнаете, что у вас могут быть пользовательские элементы с тире в имени элемента, например special-element. Моя проблема в том, как я стилю все эти элементы без необходимости использовать для них класс?

Дело в том, у меня есть что-то вроде этого на мой код:

<special-element></special-element> 
<special-element></special-element> 
<special-element></special-element> 

Они inline-block элементы, и я хочу, чтобы они были разделены с определенным запасом (но без маржи после или до последнего/первого элемент). Для этого, я думал, что-то вроде:

special-element + special-element { 
    margin-left: 10px; 
} 

Но это не работает ... Любые идеи о том, я могу добиться этого без использования класса для special-element?

Answer 1

Вам просто нужно уйти от черточки.

special\-element { 
 
    padding: 10px; 
 
    background: red; 
 
    display: block; 
 
}

<special-element></special-element>