Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Среда, 24.05.2017
Главная » Справочник CSS3 » Псевдоклассы


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


В категории материалов: 30
Показано материалов: 1-20
Страницы: 1 2 »

Сортировать по: Дате · Названию · Рейтингу · Комментариям · Просмотрам

Псевдокласс :active устанавливает стиль ссылке при нажатии на него курсором мышки.Существует строгий порядок установки подобных псевдоклассов для ссылок,придерживаться последовательности стоит только при условии наличия других псевдоклассов.Но это имеет отношение только к ссылкам,для остальных комбинаций соблюдение последовательности не актуально.
Порядок последовательности.
a:link {
Свойство ( а ).
}
a:visited {
Свойство ( а ).
}
a:hover {
Свойство ( а ).
}
a:focus {
Свойство ( а ).
}
a:active {
Свойство ( а ).
}
Псевдокласс применим к ссылкам,создан в версии CSS1 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 1266 | Добавил: IZOTOP | Дата: 30.05.2012 | Комментарии (0)

Псевдокласс :checked устанавливает стиль элемента для последующей активации. Активируются переключатели ( checkbox ) или флажки ( radio ),переключение происходит с помощью атрибута :checked,тегов <input> и <option> или самим пользователем. На момент создания статьи псевдокласс работал только в браузере Opera. Свойство применимо к элементам управления тегов <input> и <option>,создано в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 1235 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :default устанавливает стиль элемента выделенного по умолчанию,но находящегося в группе аналогичных элементов.Таким образом можно выделить отдельный элемент придав ему отдельный вид с применением свойств CSS.Псевдокласс применим к элементам управления,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 1055 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :disabled устанавливает стиль неактивных элементов управления запрещая добавление в форму ввода. Такие формы не могут получить фокус,быть нажатыми или активированы,а в текстовых полях нельзя вписывать текстовые знаки. Применяя этот псевдокласс можно изменить стиль неактивного поля. Псевдокласс применим к элементам управления,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 1503 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :empty устанавливает стиль пустому элементу,без пробелов (   ) и символов,например ( ® ).Свойствами CSS можно создать любое заполнение пустому элементу,всё зависит от Вашего воображения,вместо пустующего элемента появится заменяемый стиль подготовленный свойствами.Псевдокласс применим к элементам управления,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 726 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :enabled устанавливает стиль активных элементов управления,например форму ввода. Применяя этот псевдокласс можно изменить стиль активного поля применяя свойства CSS.На неактивные формы,находящиеся под воздействием псевдокласса :disabled,заданный стиль не будет действовать. Псевдокласс применим к элементам управления,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 819 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :first-child устанавливает стиль первому потомку элемента. Имеется в виду элемент в зоне которого находятся другие элементы,так вот если их несколько,то стиль будет применён только к первому из них. Псевдокласс применим ко всем элементам,создан в версии CSS2 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 1351 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :first-of-type устанавливает стиль первому элементу заданного типа. Имеется в виду элемент у которого существуют аналоги в элементе,так вот стиль будет применятся только к первому из них. Псевдокласс применим ко всем элементам,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 809 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :focus устанавливает стиль элементу при получении им фокуса ввода. Если Вы установите стили для формы заполняемого поля,то при нажатии на его внутренюю часть отобразится установленный стиль. Существует строгий порядок установки подобных псевдоклассов для ссылок,придерживаться последовательности стоит только при условии наличия других псевдоклассов. Но это имеет отношение только к ссылкам,для остальных комбинаций соблюдение последовательности не актуально.
Порядок последовательности.
a:link{
Свойство ( а ).
}
a:visited {
Свойство ( а ).
}
a:hover {
Свойство ( а ).
}
a:focus {
Свойство ( а ).
}
a:active {
Свойство ( а ).
}
Псевдокласс применим к элементам которые могут получить фокус,создан в версии CSS2 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 1016 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :hover устанавливает стиль элементу при наведении на него курсора мышки.Что будет происходить с элементом на который будет наведён курсор мышки зависит только от Вашего воображения,но имеется в виду только наведение,а не нажатие.Существует строгий порядок установки подобных псевдоклассов для ссылок,придерживаться последовательности стоит только при условии наличия других псевдоклассов.Но это имеет отношение только к ссылкам,для остальных комбинаций соблюдение последовательности не актуально.
Порядок последовательности.
a:link {
Свойство ( а ).
}
a:visited {
Свойство ( а ).
}
a:hover {
Свойство ( а ).
}
a:focus {
Свойство ( а ).
}
a:active {
Свойство ( а ).
}
Псевдокласс применим ко всем элементам,создан в версии CSS2 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 1146 | Добавил: IZOTOP | Дата: 29.05.2012 | Комментарии (0)

Псевдокласс :invalid указывает на несоответствие ввода в поле формы,например если вместо URL адреса вводят иное значение.При этом поле ввода может изменятся соответственно установленным стилям,например менять цвет.Применяется вместе с псевдоклассом :valid,указывающим на правильность ввода.Псевдокласс применим к тегу <input>,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 595 | Добавил: IZOTOP | Дата: 30.05.2012 | Комментарии (0)

Псевдокласс :lang устанавливает стиль определяя язык документа.Существуют распространённые сокращения,например ru - русский,en - английский,de - немецкий,moi - Ваш собственный,или любой другой.То есть вы можете задать любое сокращение которое будет определено браузером,сопоставимо идентификатору.Сокращения устанавливаются в скобках.Псевдокласс применим ко всем элементам,создан в версии CSS2 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 684 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :last-child устанавливает стиль последнему потомку в элементе родителе. Если в родительском елементе будет существовать несколько аналогичных потомков ( элементов одного типа ),то свойство будет устанавливать стиль для последнего из них. Псевдокласс применим ко всем элементам,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 768 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :last-of-type устанавливает стиль последнему потомку в элементе родителе. Если применить стиль к элементу указанного типа,если их будет несколько в родительском элементе,то свойство будет устанавливать стиль для последнего из них. Псевдокласс применим ко всем элементам,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 925 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :link устанавливает стиль непосещённой ссылки,ссылке на которую ещё не нажимали. Имеется в виду состояние ссылки на момент загрузки страницы,то есть на неё будут действовать значения установленные этим псевдоклассом. Существует строгий порядок установки подобных псевдоклассов для ссылок,придерживаться последовательности стоит только при условии наличия других псевдоклассов. Но это имеет отношение только к ссылкам,для остальных комбинаций соблюдение последовательности не актуально.
Порядок последовательности.
a:link {
Свойство ( а ).
}
a:visited {
Свойство ( а ).
}
a:hover {
Свойство ( а ).
}
a:focus {
Свойство ( а ).
}
a:active {
Свойство ( а ).
}
Псевдокласс применим к ссылкам,создан в версии CSS1 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 719 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :not устанавливает стиль одному селектору за счёт другова селектора. В качестве наследуемых селекторов могут выступать псевдоклассы,теги,идентификаторы,классы и селекторы атрибутов. То есть возьмём селектор со значениями,и применив его через псевдокласс :not изменим значения для указанного другова селектора. Значения указываются в скобках :not(значение). Псевдокласс применим к ссылкам,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 1047 | Добавил: IZOTOP | Дата: 31.05.2012 | Комментарии (0)

Псевдокласс :nth-child задает стиль для элемента если он является определенным дочерним элементом своего родителя. Значения устанавливаются в порядке an+b,где a и b это целые числа,а n преобразующая переменная. Возможны отрицательные преобразования,порядок последовательности можно исследовать применяя генератор значений для этого псевдокласса. Псевдокласс применим ко всем элементам,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 1712 | Добавил: IZOTOP | Дата: 01.06.2012 | Комментарии (0)

Псевдокласс :nth-last-child задает стиль для элемента если он является определенным,отсчитывающим с конца дочерним элементом своего родителя. Значения устанавливаются в порядке an+b,где a и b это целые числа,а n преобразующая переменная. Возможны отрицательные преобразования,порядок последовательности можно исследовать применяя генератор значений для этого псевдокласса. Псевдокласс применим ко всем элементам,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 876 | Добавил: IZOTOP | Дата: 01.06.2012 | Комментарии (0)

Псевдокласс :nth-last-of-type задает стиль для элемента если он является определенным,отсчитывающим с конца дочерним элементом заданного типа своего родителя. Значения устанавливаются в порядке an+b,где a и b это целые числа,а n преобразующая переменная. Возможны отрицательные преобразования,порядок последовательности можно исследовать применяя генератор значений для этого псевдокласса. Псевдокласс применим ко всем элементам,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 779 | Добавил: IZOTOP | Дата: 01.06.2012 | Комментарии (0)

Псевдокласс :nth-of-type задает стиль для элемента если он является определенным,отсчитывающим с начала дочерним элементом заданного типа своего родителя. Значения устанавливаются в порядке an+b,где a и b это целые числа,а n преобразующая переменная. Возможны отрицательные преобразования,порядок последовательности можно исследовать применяя генератор значений для этого псевдокласса. Псевдокласс применим ко всем элементам,создан в версии CSS3 и проходит валидацию согласно версии CSS3.

Псевдоклассы | Просмотров: 867 | Добавил: IZOTOP | Дата: 01.06.2012 | Комментарии (0)



Русские шрифты


1-20 21-30