css техника для применения к персонажу в соответствующем теге

Question

Учитывая, что у меня есть следующий тег:

<label>Hello world *</label>

Есть ли способ применить css к "*" во всех тегах меток?

Answer 1

Чтобы оформить *, вы должны обернуть его во что-то:

<label>Hello world <span>*</span></label>

CSS прост:

label span {
    color: red
}

Если вам не нужна поддержка более старых версий IE, ответьте на ответ @ Dude.

Answer 2

Чтобы добавить что-либо после элемента label, вы также можете использовать следующий псевдоэлемент:

label:after {
   content: "*";
}

Answer 3

Поскольку вы не можете стилизовать обычный текст, обычная техника состоит в том, чтобы просто поместить то, что вы хотите, в промежуток и дать ему имя / идентификатор / класс.

Вы также можете сделать это встроенным путем:

<label>Hello world <span style="position:absolute;font-family:blah">*</span></label>

Answer 4

Попробуйте поместить его в промежуток с классом, да просто *.