Styling individual li id ​​

Question

Я пытался создать ссылку «Посвященный» в моем навигационном меню, но мне не повезло. Даже до сих пор, чтобы попробовать !important.

Я просто хотел бы изменить цвет текста.

{color: #DA9B4F} 

Это li id изделие.

<li id='nav-menu-item-219' class="menu-item menu-item-type-custom menu-item-object-custom narrow"> 

Этот сайт в настоящее время находится на сайте 242community.anchoragehosting.com.

Answer 1

Если вы открываете страницу в Google Chrome, вы можете щелкнуть правой кнопкой мыши по меню «Посвященный» и нажать «Осмотреть элемент». Затем вы увидите, что li содержит a, который содержит span. Чтобы изменить цвет текста, просто стилизовать span элемент, например, так:

#nav-menu-item-219 a span { 
    color: #DA9B4F; 
} 

Answer 2

попробовать что-то вроде этого:

ul { 
 
    list-style: none; 
 
    padding:0; 
 
    margin:0; 
 
} 
 

 
li#nav-menu-item-219 { 
 
    color: #DA9B4F; 
 
} 
 

 
li:before { 
 
    content: "• "; 
 
    color: red; 
 
}

<ul> 
 
    <li>Foo</li> 
 
    <li id="nav-menu-item-219">Bar</li> 
 
    <li>Foo2</li> 
 
</ul>