|
|
|
| Возник такой вопрос! Вот Html код меню и его стиль, мне нужно сделать так чтобы для одного
пункта меню (Акции) был другой стиль (точнее чтобы этот пункт меню был красного цвета, а при
наведении курсора синего), как мне это сделать, а то чето сижу и немогу никак вникнуть!!!
HTML Код
<div id="menu">
<div class="m"><a href="/about/" class="menu_a">О компании</a></div>
<div class="m"><a href="/news/" class="menu_a">Новости компании</a></div>
<div class="m"><a href="/articles/" class="menu_a">Статьи</a></div>
<div class="m"><a href="/shop/" class="menu_a">Каталог</a></div>
<div class="m"><a href="/akcia/" class="menu_a">Акции</a></div>
<div class="m"><a href="/servise/" class="menu_a">Доставка</a></div>
<div class="m"><a href="/usloviya/" class="menu_a">Условия</a></div>
<div class="m"><a href="/contact/" class="menu_a">Контакты</a></div> </div>
|
CSS Код
#menu{
text-align:left;
padding-left:40px;
padding-top:50px;
}
.m{
font-weight: normal;
font-family: Times New Roman;
font-size: 16pt;
padding-top:10px;
}
a.menu_a {text-decoration: none; border-bottom: 1px dotted #ED9823;}
a.menu_a:hover {text-decoration: none; border-bottom: 1px dotted #FFF; color: #FFF;}
~.m a{color: #ED9823; text-decoration: underline;}
~.m a:hover{color: #FFF; text-decoration: none;}
|
| |
|
|
|
|
 51.9 Кб |
|
|
для: money121
(23.06.2010 в 08:06)
| | И что вам мешает дать этому элементу (ссылке) меню другое имя класса, или дополнить имя класса?
А вообще, почитайте о селекторах, дабы не писать невразумительное. | |
|
|
|
|
|
|
|
для: money121
(23.06.2010 в 08:06)
| | Подсказываю суть одного из способов на двух примерах:
Пример 1:
<style>
div.RRR {color: red}
div.BBB {color: blue}
</style>
<div class="RRR">RRR</div>
<div class="BBB">BBB</div>
<div class="RRR BBB">RRR BBB</div>
<div class="BBB RRR">BBB RRR</div>
|
Пример 2:
<style>
div.BBB {color: blue}
div.RRR {color: red}
</style>
<div class="RRR">RRR</div>
<div class="BBB">BBB</div>
<div class="RRR BBB">RRR BBB</div>
<div class="BBB RRR">BBB RRR</div>
|
| |
|
|
|