Селектор 'div a'
Добрый день!
Есть следующий код:
<html>
<head>
<script src = "http://code.jquery.com/jquery-1.8.3.js"></script>
<script>
$().ready(function(){
$('p div').css('color','green');
});
</script>
</head>
<body>
<p>
<div id = "div1">
Div 1
</div>
<div id = "div2">
Div 2
</div>
<div id = "div3">
Div 3
</div>
</p>
<div>
Neightbour
</div>
</body>
</html>
В консоле Chrome (elements) почему - то принудительно закрывает сразу же первый <p> и открывает его перед последним <div> (так отображает разметку). И к тому же не изменяет цвет потомков 'p div' (все div - потомки p). Не подскажете, в чем может быть дело? |
alt5000,
Вообще-то, по определению Синтаксис <p>Текст</p> т.е внутри <p> должен быть текст. Начало нового блочного элемента считается концом <p> |
Хром считает, что блок(div) не должен находится в параграфе(p) и не допускает этой ситуации.
|
<!DOCTYPE html>
<html>
<head>
<script src = "https://code.jquery.com/jquery-1.8.3.js"></script>
<script>
$().ready(function(){
$('section div').css('color','green');
});
</script>
</head>
<body>
<section>
<div id = "div1">
Div 1
</div>
<div id = "div2">
Div 2
</div>
<div id = "div3">
Div 3
</div>
</section>
<div>
Neightbour
</div>
</body>
</html>
|
Спасибо, важный момент, буду знать.
|
| Часовой пояс GMT +3, время: 02:43. |