CSS/Селекторы: различия между версиями
Содержимое удалено Содержимое добавлено
Нет описания правки |
|||
Строка 37:
</title>
<meta charset="utf-8" />
<style type="text/css">
</source>
<source lang="css">
Строка 75:
<source lang="html5">
<!DOCTYPE html>
<html>
font-family: courier; ▼
<title>
</title>
<meta charset="utf-8" />
<style type="text/css">
</source>
<source lang="css">
#onlyThisOne {
}
</source>
<source lang="html5">
</style>▼
</head>
<body>▼
<p id="onlyThisOne">
Courier
</p>
</body>▼
</source>
Отобразится как:
{{CSS:rendered|1=<p style="font-family: Courier; "></p>}}
Аналогичным образом уникальные идентификаторы могут быть назначены любому количеству любых элементов на странице
<source lang="
<!DOCTYPE html>
<html>
<head>
<title>
Форма
</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">
▲ </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>
▲</body>
</p>
<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}}
|