задание двух и более классов элементу

sum41 · March 28, 2009

столкнулся с такой проблемой:

пишем в css:

.imp {color:green;}

.cent {background:#f90;}

.imp.cent {border:2px solid red;}/*ставится красная рамка при одновременном использовании классов imp и cent */

в html:

Сonsectetuer adipiscing elit, sed diam nonummy

Сonsectetuer adipiscing elit

Сonsectetuer adipiscing elit

в первом случае будет параграф с зеленым текстом.

во втором параграф с оранжевым background'ом.

а в третьем получится параграф с зеленым текстом, оранжевым background'ом и по правилам css добавляется

красная рамка.

но всеми любимый IE6 по-своему воспринимает правило .imp.cent {border:2px solid red;}

он игнорирует .imp и расценивает это правило так же как просто

.cent {border:2px solid red;}.

в итоге в нормальных браузерах все отображается как надо, а IE6 добавит красную рамку еще и

ко второму параграфу. чего естественно не должно быть.

кто-нибудь знает какие-нибудь хаки для решения этой проблемы в IE6?

задание одновременно двух классов обязательно

rash · March 29, 2009

Да, такая запись действительно не работает в IE. Либо нужно реорганизовать CSS, либо использовать Javascript.

sum41 · March 30, 2009

ну ясно значит хаков для такой ситуации нету.

а на Javascript я эту проблему решил.

кому интересно вот скрипт:

function repclaceLi() {
	  if (navigator.appVersion.indexOf("MSIE 6.0") != -1) {
	  var ul_menu = document.getElementById('other_menu').firstChild
	  for (var i=0; i < ul_menu.childNodes.length; i++) {
	   switch (ul_menu.childNodes(i).className) {
		case 'first active':
		 ul_menu.childNodes(i).className = "activefirst"
		 break
		case 'last active':
		 ul_menu.childNodes(i).className = "activelast"
		 break
		}
	   }
	  }
}

Sign In

задание двух и более классов элементу

Question

sum41

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

rash

Link to comment

Share on other sites

sum41

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information