Баг с классами

Kenshi45 · March 16, 2009

Есть класс <li class="menu over"></li>

Мне нужно применить стиль для li, в которых есть оба этих класса, я делаю так:

li.menu.over{}, в результате стиль применяется для всех li с классом over, хотя класса menu в них нет.

Как так можно прописать?(классы задаю не я а движок, поэтому классы типа menu-over сделать не смогу)

Vlad · March 17, 2009

Какой браузер, версия, доктайп?

Wind · March 17, 2009

1. Какие у вас 2-а класса?

если это menu и over, то запись li.menu.over{} - неправильна.

li.menu {}

li.over {}

Вот так тогда.

Kenshi45 · March 17, 2009

1. Какие у вас 2-а класса?
если это menu и over, то запись li.menu.over{} - неправильна.
li.menu {}
li.over {}
Вот так тогда.

Если я так сделаю браузер будет реагировать на любой из этих классов, а мне нужно, чтобы он реагировал, только на одновременное использование обоих классов

Какой браузер, версия, доктайп?

Во всех браузерах, строгий

s0rr0w · March 17, 2009

Если я так сделаю браузер будет реагировать на любой из этих классов, а мне нужно, чтобы он реагировал, только на одновременное использование обоих классов
Во всех браузерах, строгий

IE7, Opera, FF, код работат как надо


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
 <title></title>
 <style type="text/css">
 	div.a.b { border: 1px solid red }
 </style>
</head>
<body>
	<div class="a b">
 		a b
		 <div class="a b">a b </div>
		 <div class="b c">b c</div>
		 <div class="b">b</div>
	</div>
 	<div class="b c">b c</div>
	<div class="b">b</div>
</body>
</html>

Kenshi45 · March 17, 2009

IE7, Opera, FF, код работат как надо


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
 <title></title>
 <style type="text/css">
 	div.a.b { border: 1px solid red }
 </style>
</head>
<body>
	<div class="a b">
 		a b
		 <div class="a b">a b </div>
		 <div class="b c">b c</div>
		 <div class="b">b</div>
	</div>
 	<div class="b c">b c</div>
	<div class="b">b</div>
</body>
</html>

В шестом ИЕ нельзя задавать так, для него есть какой-то особый способ?

Victor Ananiev · March 17, 2009

div .a .b

{

style

}

этот стиль применяется к таким элементам:

<div>
 <span class="a">
  <a class="b">К этой ссылке применится даный стиль</a>
 </span>
</div>

s0rr0w · March 17, 2009

В шестом ИЕ нельзя задавать так, для него есть какой-то особый способ?

JavaScript

Nekromancer · March 18, 2009

Victor Ananiev, убери пробел после дива, и класс будет применяться к диву..

s0rr0w · March 18, 2009

Victor Ananiev, убери пробел после дива, и класс будет применяться к диву..

Если убрать пробел после дива, то класс не будет применяться к диву.

Дабы не было дальнейших непоняток, поясняю, что формат записи

.class1.class2

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

Sign In

Баг с классами

Question

Kenshi45

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Wind

Link to comment

Share on other sites

Kenshi45

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Kenshi45

Link to comment

Share on other sites

Victor Ananiev

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information