Chrome и соседние селекторы

Gaspode · April 2, 2011

Странно, нигде в интернете не видел упоминания об этом. Совершенно случайно обнаружил, что хром некорректно обрабатывает селекторы соседних элементов. Скажем, если я хочу выделить с их помощью второй элемент в списке, то выйдет всё совсем не так, как хотелось бы. См. комментарии в коде.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">   
   <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <title>Red Preved</title>
	  <style>
	     dd:first-child + dt {
		    color: red; /* Chrome подсвечивает все <dt> */
		 }
		 ul {
		    margin-top: 50px;
		 }
		 li:first-child + li + li {
		    color: green; /* Chrome подсвечивает все <li>, начиная с третьего */
		 }
	  </style>
   </head>
   <body>
      <dl>
	    <dd>1</dd>
		<dt>Раз</dt>
		<dd>2</dd>
		<dt>Два</dt>
		<dd>3</dd>
		<dt>Три</dt>
		<dd>4</dd>
		<dt>Четыре</dt>
		<dd>5</dd>
		<dt>Пять</dt>
	  </dl>
	  <ul>
	     <li>Мама</li>
		 <li>мыла</li>
		 <li>раму,</li>
		 <li>Маша</li>
		 <li>ела</li>
		 <li>кашу</li>
		 <li>о_О</li>
	  </ul>
   </body>
</html>

Огнелис и Опера работают как надо. Что я делаю не так?..

psywalker · April 2, 2011

Огнелис и Опера работают как надо. Что я делаю не так?..

Ты делаешь всё правильно. Это как ни странно баг или даже правильнее сказать недоделка Хрома :rolleyes:

swetlana · April 2, 2011

это не недоделка, а переделка что ли.

Даже перемудрёж, если точнее.

В прошлых-то версиях работало.

Здесь уже обсуждалось.

Sign In

Chrome и соседние селекторы

Question

Gaspode

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

swetlana

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information