Проблемы с различными псевдо-элементами, совместно использующим CSS-код ⇐ Html

[Anonymous]

Урок извлечен ... не пытайтесь справиться с проблемами кодирования, когда наступил водные и слепые от истощения. Приносим извинения. CSS для каждой версии идентичен, за исключением псевдоэлемента, прикрепленного к имени класса. < /P>

Код: Выделить всё

.rgt .logoname::after {
content: url("circle.svg");
display: inline-block;
width: 2.15em;
position: absolute;
z-index: -1;
right: -0.82em;
top: -0.55em;
}

.lft .logoname::before {
content: url("circle.svg");
display: inline-block;
width: 2.15em;
position: absolute;
z-index: -1;
left: -0.82em;
top: -0.55em;
}

Когда я пытаюсь объединить два класса, разделенные с запятой (как ниже) :: после переопределяет :: до , и поэтому круг появляется только в конце имени для каждого. Я попытался переключить последовательность, которую появляются классы, с тем же результатом. < /P>

Код: Выделить всё

.lft .logoname::before, .rgt .logoname::after {
content: url("circle.svg");
display: inline-block;
width: 2.15em;
position: absolute;
z-index: -1;
right: -0.82em;
top: -0.55em;
}
< /code>
Основной код, который мы используем, ниже.  Класс LFT (слева) или RGT (справа) применяется к бабушке имени входа, чтобы определить, какую версию логотипа мы используем в этом месте.  Он также контролирует поставку элемента дразнить. < /P>


PEDALERS
ride, eat, relax




PEDALERS
ride, eat, relax

Есть ли что-то в спецификациях CSS, которое запрещает наличие двух разных псевдо-элементов, которые имеют один и тот же код CSS?>

Подробнее здесь: https://stackoverflow.com/questions/796 ... g-css-code