18 Псевдоэлементы
Псевдоэлемент – разновидность спец. Селектора привязывающая стиль к фрагментам элемента страницы. Их не используют сами по себе только в совокупности с другим стилем
если ему не предшествует встроенный элемент не являющийся текстом
Пример:
Псевдоклассы
Самая мощная разновидность селекторов они позволяют привязать стиль к элементам не только на основе местоположения но и на основе состояния:
Псевдоклассы гиперссылок
link – непосещенная ссылка
visited – посещенная ссылка
active – гиперссылка на которой пользователь в данный момент щелкает мышью
focus – гиперссылка у которой есть фокус
hover – над которой находится курсор
A: visited: hover {text-decoration: none}
Структурные псевдоклассы
Структурные псевдоклассы позволяющие привязать стиль псевдостраницы
Количество элементов в каждой группе задается параметром a, после разбиения браузер вычисляет количество получившихся групп, полных групп начиная с 0. В результате каждого прохода получается номер элемента к которому применяется стиль, например: если создать таблицу из 5 строк и применит к ней стиль
В стиле указано что каждая группа содержит 2 дочерних элемента, тогда обозреватель разбивает строки на 2 полных группы, по 2 строки в каждой и подставляет числа вместо n, 2 группы 012, a-количество членов группы.
Соответственно если
Следующий псевдокласс:
Div:not(#cmain) {background-color: yellow} – все контейнеры cmain на желтом фоне.
TR: not(:nth-child(1)) {background-color: grey}
#cmain > *:first-child {border-bottom: medium solid black} – любой первый элемент непосредственно вложенный в контейнер cmain подчеркнут, сплошной черной линией обычной жирности. В CSS есть несколько псевдоклассов с помощью их можно привязать стиль к элементам управления формы на основе их состояния, доступен для пользователя, не доступен для пользователя
Поведение
Поведение – набор правил определяющих как веб страница будет реагировать на действие пользователя. Поведение создается с помощью веб сценариев это программа которая может быть записана прямо в html коде или по правилам веб 2.0 в отдельном файле.
Типы данных
Java скрипт может манипулировать данными относящимся к разным типам данных. Тип данных описывает возможные значения и набор к данным операциям.
Строковые данные – последовательность двух цифр, пробелов, знаков преминания и др. символов заключенных в кавычки.
Кроме цифр можно использовать спец символы:
Числовые данные – целые числа, где имеется возможность представить целые числа в 8-ой форме
Дробные числа можно записывать в простой форме либо в экспоненциальной форме:
Логический тип : true или false.
Null значения: null Nan undefined
Nun это не число а нот например математическая бесконечность.
Переменные
В имени переменных могут быть использованы только латинские буквы, цифры и символы подчеркивания причем первая не цифра, Java script чувствителен к регистру, перед использованием переменной сценария рекомендуется её объявить, var x например, значения присваивается: var x = 123, можно объявить сразу несколько переменных Var x=123, s= “String” .
Операции:
В Java поддерживается так же оператор сложного присваивания:
Операторы отношений:
Логические операторы:
Преобразование
типов
Если Java скрипт сталкивается с проблемой несовместимости типов данных он пытается преобразовать строки в числа и выполнить арифметическую операцию. Если этого не удается числа преобразовываются в строки, логические величины преобразуются либо в числа либо в строки в зависимости от конкретного случая. True преобразовывается в 1 или в строку единица а 0 наоборот. False так же преобразуется null и undefiled в сложных выражениях сначала выполняются операции с более высоким приоритетом, затем с низким. Операторы с одинаковым приоритетом выполняются слева направо:
