Как изменить цвет на моей навигационной панели (CSS)

Question

Это сводит меня с ума. Я пробовал все предложения по другим вопросам, касающимся этого, и он просто НЕ работает.

Мне нужно изменить цвет фона моей навигационной панели. Я не хочу менять CSS в разделе Editor (Wordpress). Я пытался сделать это в разделе «Редактировать CSS».

#nav { 
    position: relative; 
    left: -90px; 
} 

nav > ul {margin: 40} 

Это то, что я до сих пор (что работает, он сосредоточил навигационную панель, которую я хотел, и поставить границы между панелью заголовка и нав). Есть ли что-нибудь, что я могу добавить к этому, чтобы изменить цвет фона (а затем мне тоже нужно будет изменить цвет шрифта ..)

Answer 1

Ум, вы имеете в виду вот так?

CSS:

#nav { 
    position: relative; 
    left: -90px; 
    background-color: #7777777; /*Whatever color you want goes here, but in Hexadecimal form*/ 
} 

И для цвета шрифта (ов):

#nav { 
    position: relative; 
    left: -90px; 
    background-color: #7777777; /*Whatever color you want goes here, but in Hexadecimal form*/ 
    color: #1122cc; /*The color of your font also goes here, but in hexadecimal form*/ 
} 

Смотрите эти ссылки для получения дополнительной справки:

http://www.w3schools.com/cssref/pr_background-color.asp http://www.w3schools.com/cssref/pr_text_color.asp

ЦВЕТА:

http://www.w3schools.com/cssref/css_colors.asp http://www.w3schools.com/cssref/css_colornames.asp

Answer 2

Для этого HTML (я дублировал каждый нав элемент для представления «активного» класса добавлен)

<nav> 
    <ul> 
    <li class="blue"><a href="#">Normal</a></li> 
    <li class="green"><a href="#">Normal</a></li> 
    <li class="red"><a href="#">Normal</a></li> 
    <li class="blue active"><a href="#">Active</a></li> 
    <li class="green active"><a href="#">Active</a></li> 
    <li class="red active"><a href="#">Active</a></li> 
    </ul> 
</nav> 

Я хотел бы использовать этот CSS (обратите внимание на классах CSS соединены друг с другом, например, : .blue.active)

Answer 3

Вот способ изменения цвета. Вы также можете использовать изображения или css для использования градиентов.

#nav { 
    position: relative; 
    left: -90px; 
background-color: #336699; // change #000088 (blue) for the color your want 
color: #FFFFFF; // change #FFFFFF (white) for the color you want. 

} 

Вы можете использовать color picker, чтобы получить нужный вам цвет.