Изменить маркеры UL LI только в тексте - Wordpress - CSS - PullRequest
0 голосов
/ 18 мая 2019

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

/* Remove the old bullet points */
ul li { 
  list-style: none;
}
/* Now replace with the new one */
ul li::before {
  color: red;  
  content: "\2022"; 
  font-size: 1.4em; 
  padding-right: 0.5em; 
  position: relative;
  top: 0em; 
}

Это работает, но теперь это совершенно с ума сошлои добавил точку маркера перед каждым тегом ul li на странице.

Я знаю, что могу исключить идентификаторы и классы из этого, например ul:not(.class) li:not(.class)::before

, но мое исключение из списка теперьрастет, и я, скорее всего, все равно буду где-то скучать.

Так есть ли другой способ сделать это?

Я знаю, что мог бы вручную добавить класс к тегам ul liгде я хочу новые маркеры, но я стараюсь избегать этого вручную.

В основном я хочу изменить стиль маркеров по умолчанию, но только для маркеров, содержащихся в сообщениях и страницах.

Есть ли другой способ сделать это?

Ответы [ 2 ]

1 голос
/ 18 мая 2019

Судя по всему, вы бы неплохо имели класс, охватывающий области вашего сайта, где вы хотите, чтобы это изменение имело место. Например:

.post ul li { 
  list-style: none;
}

.post ul li::before {
  color: red;  
  content: "\2022"; 
  font-size: 1.4em; 
  padding-right: 0.5em; 
  position: relative;
  top: 0em; 
}

Вы можете объединить разные классы следующим образом:

.post ul li,
.page ul li { 
  list-style: none;
}

.post ul li::before,
.page ul li::before {
  color: red;  
  content: "\2022"; 
  font-size: 1.4em; 
  padding-right: 0.5em; 
  position: relative;
  top: 0em; 
}

Или, возможно, создайте правило, специально предназначенное для списков, которые вы хотите изменить.

0 голосов
/ 18 мая 2019

введите описание изображения здесь WordPress поддерживает создание упорядоченных (нумерованных) и неупорядоченных (маркированных) списков в сообщениях и страницах.Стандартный редактор пост / страниц облегчает создание списков - просто введите содержимое списка (одна запись в строке), затем выделите записи и нажмите соответствующую кнопку, чтобы отформатировать список.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...