Первый класс по псевдо не принят в меню в WordPress

Question

У меня есть нижний колонтитул, где я использую разделители, вызываемые из:

#footnav li:before {
content:'\00B7';

}

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

#footnav li:first-child {
content:'';

}

И я также попытался вызвать класс, связанный с пунктом меню в WordPress. Поскольку это WordPress, я не могу войти и поставить фактический тег span для первого целевого li. Есть ли уловка с WordPress?

Это сайт (тема, нижний колонтитул):

http://thegoodgirlsnyc.com/holly/

Answer 1

Попробуйте это:

#footnav li:first-child:before {
content:'';
}

По пути установите класс #footnav a на отображение в виде встроенного блока, чтобы правильно исправить выравнивание.

Answer 2

Свойство css content: не предназначено для использования так, как вы пытаетесь (для замены текста).Для этого вам нужно будет использовать JavaScript.Содержимое может использоваться только для псевдоэлементов (например, перед), чтобы вставить текст, но не с псевдо-селекторами (например, first-child) для замены текста.

Хороший пример того, где вы можете использоватьсвойство content - если вы хотите вставить стрелку после ссылки:

a:after {
    content:' >';
}

Для получения дополнительной информации вы можете прочитать это: http://css -tricks.com / 6555-css-content /