CSS/Селекторы: различия между версиями

1353 байта добавлено ,  6 лет назад
Нет описания правки
</title>
<meta charset="utf-8" />
<style type="text/css">
</source>
<source lang="css">
<source lang="html5">
<!DOCTYPE html>
<html>#onlyThisOne {
</head>
font-family: courier;
<title>
}
<p id="onlyThisOne"> Шрифт Courier</p>
</title>
<meta charset="utf-8" />
<style type="text/css">
</source>
<source lang="css">
#onlyThisOne {
font-family: courierCourier;
}
</source>
<source lang="html5">
</style>
</head>
<body>
<p id="onlyThisOne">
Courier
</p>
</body>
</formhtml>
</source>
Отобразится как:
{{CSS:rendered|1=<p style="font-family: Courier; "></p>}}
 
Аналогичным образом уникальные идентификаторы могут быть назначены любому количеству любых элементов на странице.:
 
<source lang="html4stricthtml5">
<!DOCTYPE html>
<html>
<head>
<title>
...
Форма
<style>
</title>
input#green {
<meta charset="utf-8" />
color: green;
<style type="text/css">
}
</source>
input#red {
<source type="css">
color: red;
input#green {
}
color: green;
...
}
</style>
input#red {
...
color: red;
</head>
}
<body>
</source>
...
<source lang="html5">
<form ...>
</style>
<p>Текст, введенный в это поле, будет отображен зеленым цветом:
</head>
<input type="text" id="green" name="info1" size="20"></p>
<body>
<p>Текст, введенный в это поле, будет отображен красным цветом:
<form action="handler.php" method="get">
<input type="text" id="red" name="info2" size="20"></p>
<p>
</form>
<p> Текст, введенный в это поле, будет отображен зеленым цветом:
...
<input type="text" id="green" name="info1" size="20">< /p>
</body>
</p>
<p>
<p> Текст, введенный в это поле, будет отображен красным цветом:
<input type="text" id="red" name="info2" size="20">< /p>
</p>
<input type="submit" value="Отправить" />
</form>
</body>
</html>
</source>
Ну и выглядит это так:
 
{{CSS:rendered|1=<form action="handler.php" method="get"><p>Текст, введенный в это поле, будет отображен зеленым цветом: <input type="text" style="color: green; " name="info1" size="20" /></p><p>Текст, введенный в это поле, будет отображен красным цветом: <input type="text" style="color: red; " name="info2" size="20" /></p><input type="submit" value="Отправить" /></form>}}
{{BookCat}}
 
92

правки