Код:
<label for="email">{t _your_email}:</label>
CSS
label
{
display: block;
width: 156px;
cursor: pointer;
padding-right: 6px;
padding-bottom: 1px;
}
Я хочу создать новый CSS для метки электронной почты, поскольку он не должен быть таким широким.
Селектор будет label[for=email], поэтому в CSS:
label[for=email]
{
/* ...definitions here... */
}
... или в JavaScript с помощью DOM:
var element = document.querySelector("label[for=email]");
... или в JavaScript с помощью jQuery:
var element = $("label[for=email]");
Это селектор атрибутов. Обратите внимание, что некоторые браузеры (версии IE < 8, например) могут не поддерживать селектора атрибутов, но более поздние. Для поддержки старых браузеров, таких как IE6 и IE7, вам придется использовать класс (ну или какой-то другой структурный путь), к сожалению.
(Я предполагаю, что шаблон {t _your_email} заполнит поле с id="email". Если нет, используйте класс вместо.)
Обратите внимание, что если значение выбранного атрибута не соответствует правилам для CSS-идентификатора (например, если это имеет пробелы или скобки в нем или начинается с цифры и т.д.), вам нужны котировки вокруг значения:
label[for="field[]"]
{
/* ...definitions here... */
}