Coding
CSShttps://htmlforum.io/topic/11466-в-чем-разница-clearboth-и-floatnone/
Clear:both означает, что элемент, к котрому бедт применено это свойство будет перенесен вниз под все плавающие блоки в текущем потоке.
Clear устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью атрибута float, то атрибут clear отменяет его действие для указанных сторон.
Float определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение атрибута float равно none, элемент выводится на странице как обычно, при этом допускается, что одна строка обтекающего текста может быть на той же линии, что и сам элемент.
псевдоклассы: a:hover {} li:first-child {}
Псевдокласс first-child
позволяет выбрать первый дочерний элемент родителя, а last-child
— последний дочерний элемент.
---------------------------------------
Псевдоклассы для ссылок.
:link
выбирает ещё не посещённые ссылки.:visited
выбирает посещённые ссылки.:active
выбирает активные ссылки (кнопка мыши зажата на ссылке).
Пример задания CSS-правил для ссылок:
a:link { ... } a:visited { ... } a:hover { ... } a:active { ... }
Обратите внимание на порядок правил. Если их расположить по-другому, то некоторые могут не сработать.
-------------------------------
Селекторы атрибутов
Ранее мы познакомились с атрибутом class
и специальными селекторами по классу. Существуют селекторы, которые позволяют выбирать элементы по любым атрибутам.
Чаще всего такие селекторы используются при работе с формами, так как поля форм имеют атрибут type
с разными значениями.
Селекторы атрибутов записываются с использованием квадратных скобок: элемент[атрибут]
. Примеры селекторов:
1. input[checked] { ... } 2. input[type="text"] { ... }
Первый селектор выберет поля формы, у которых есть атрибут checked
, второй селектор выберет поля формы, у которых атрибут type
имеет значение text
.
-------------------------------
Селектор по id [17/18]
Существует ещё один HTML-атрибут, для которого существует специальный селектор. Этот атрибут id
(идентификатор), а селектор записывается с помощью символа #
, например, #some-id
.
На значение id
распространяются те же ограничения, что и на имя класса. Также id
должен быть уникальным на странице.