Стиль

[skvaer09]

У меня есть код где написано один стиль для текста но в блоках должен быть другой стиль текста как сделать это??

Текст в блоке " <div id="blockNav1">"

<div id="nav">

		<ul class="mainMenu">
			    <li style="border-left:none;" class="Diablo1">Diablo</li>
				<li class="warCraft2">WarCraft</li>
				<li class="wow3">World of WarCraft</li>
				<li class="starcraft4">StarCraft</li>		
				<li style="border-right:none;">Войти или зарегистрировать</li>	

			    <div id="blockNav1">
				    <div class="closeBlock"></div>
					<span class="titlBlockNav">Навигация</span>
					<ul>
					    <li><a href="#">Форум</a></li>
						<li><a href="#">файлы</a></li>
						<li><a href="#">Обои</a></li>
						<li><a href="#">Статьи</a></li>

					</ul>
				</div>

				<div id="blockNav2">
				    <div class="closeBlock"></div>
					<span class="titlBlockNav2">НАВИГАЦИЯ</span>
				</div>

				<div id="blockNav3">
				    <div class="closeBlock"></div>
					<span class="titlBlockNav3">НАВИГАЦИЯ</span>
				</div>

				<div id="blockNav4">
				    <div class="closeBlock"></div>
					<span class="titlBlockNav4">НАВИГАЦИЯ</span>
				</div>

			</ul>

		</div>

div#nav{
    outline:0px solid #cc0000; 
	height:50px;
	margin-bottom:33px;
	background:url(../imagess/meny.jpg) ;
	position:relative;
    opacity:0.9; 
}

ul.mainMenu{
    outline:0px solid #cc0000;
	position:absolute;
	left:1px;
	top:12px;
	color:#fff;
}

ul.mainMenu li{
    cursor:pointer;
    text-shadow:0px 1px 0px #000;
	text-transform:uppercase;
	font-size:19px;
    float:left;
	text-align:center;
    padding:1px 37px;
	/*outline:1px solid #cc0000;*/
	border-right:1px solid #19191B;
	border-left:1px solid #76767A;
}

div#blockNav1{
    width:145px;
    height:200px;
    background-image:url(../imagess/BgBlockNav.png) ;
    outline:0px solid #cc0000;
    margin-top:36px;
	padding:1px;
} 



div#blockNav2{
    width:181px;
    height:200px;
    background-image:url(../imagess/BgBlockNav.png) ;
    outline:0px solid #cc0000;
    margin-top:36px;
    margin:36px 151px;
	padding:1px;
} 

div#blockNav3{
    width:292px;
    height:200px;
    background-image:url(../imagess/BgBlockNav.png) ;
    outline:0px solid #cc0000;
    margin-top:36px;
    margin:36px 337px;
	padding:1px;
}

div#blockNav4{
    width:187px;
    height:200px;
    background-image:url(../imagess/BgBlockNav.png) ;
    outline:0px solid #cc0000;
    margin-top:36px;
    margin:36px 634px;
	padding:1px;
}   

div.closeBlock{
    position:absolute;
    background:url(../imagess/close.png) no-repeat;
	width:24px;
    height:24px;
	cursor:pointer;
}

div.closeBlock:active{
    opacity:0.8; 	
}

span.titlBlockNav{
    text-align:center;
    padding:5px;
	display:block;
	outline:0px solid #cc0000;
	font-size:12px;
	border-bottom:1px solid #3D3D3D;
	text-transform:uppercase;
}

span.titlBlockNav2{
    text-align:center;
    padding:5px;
	display:block;
	outline:0px solid #cc0000;
	font-size:12px;
	border-bottom:1px solid #3D3D3D;
	text-transform:uppercase;
}

span.titlBlockNav3{
    text-align:center;
    padding:5px;
	display:block;
	outline:0px solid #cc0000;
	font-size:12px;
	border-bottom:1px solid #3D3D3D;
	text-transform:uppercase;
}

span.titlBlockNav4{
    text-align:center;
    padding:5px;
	display:block;
	outline:0px solid #cc0000;
	font-size:12px;
	border-bottom:1px solid #3D3D3D;
	text-transform:uppercase;
}

Edited December 24, 2012 by skvaer09

[npofopr]

Ну добавьте другие стили, в чем проблема?

Добавьте к дополнительный класс, да допишите нужные стили <div id="blockNav1" class="blockNavDopolnitelnii">

[skvaer09]

Все равно текст не меняется

Текст как был таким и остался

[Cryolite]

Возможно проблема с "весом" css-правила. Так, например, ul.mainMenu уже чистым .className не перебить нужен дополнительный селектор. Хотя для любого правила, которое используется в текущем коде, color:green должен менять цвет, т.к. чистых классов нет.

[skvaer09]

И что делать?

Как понять дополнительный селектор:?

[skvaer09]

Ну добавьте другие стили, в чем проблема?

Добавьте к дополнительный класс, да допишите нужные стили <div id="blockNav1" class="blockNavDopolnitelnii">

Закрыл <ul class="mainMenu">

после

<li style="border-right:none;">Войти или зарегистрировать</li>

</ul>

Текст поменялся а меню начало опускается в низ

• До
  
• 
  
• ——-
  
• 
  
• После
  
• 
  

Edited December 24, 2012 by skvaer09

[skvaer09]

В чем дело?