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 должен быть уникальным на странице.