кодесурса
«HTML

HTML5: Как указать, что стили применяются только к родительскому элементу этого элемента и дочерним элементам этого элемента?

script1adsense2code
script1adsense3code

Перейти на страницу упражнений

Решение:

HTML-код:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>How to specify that the 
styles only apply to this element's 
parent element and that element's 
child elements</title>
<style>
h1 {color:sky;}
p {color:red;}
</style>
</head>
<body>
<div>
<style scoped>
h1 {color:blue;}
p {color:green;}
</style>
<h1>This heading should be blue</h1>
<p>This paragraph should be 
green.</p>
</div>
<h1>This heading should be sky</h1>
<p>This paragraph should be red.</p>
</body>
</html>

Демонстрация в реальном времени:

Посмотрите ответ стиля пера по w3resource ( @ w3resource ) на CodePen .


Посмотреть решение в браузере

Поддерживаемый браузер

«Opera«Интернет
да да да да да

Перейти на страницу упражнений

Каков уровень сложности этого упражнения?

Новый контент: Composer: менеджер зависимостей для PHP , R программирования


script1adsense4code
script1adsense5code
disqus2code
script1adsense6code
script1adsense7code
script1adsense8code
buysellads2code