Selectors.
authorOleksandr Gavenko <gavenkoa@gmail.com>
Fri, 01 Jul 2011 17:42:53 +0300
changeset 888 4c1e80956723
parent 887 302014546fbb
child 889 f18e156d1549
child 890 6f835a47d0e0
Selectors.
css.rst
--- a/css.rst	Mon Jun 20 10:44:00 2011 +0300
+++ b/css.rst	Fri Jul 01 17:42:53 2011 +0300
@@ -31,3 +31,36 @@
 
   <b style="color: blue; font-family: ariel">Welcome!</b>
 
+* Selectors.
+
+  tag {}
+  .class {}
+  #id {} для id разрешены символы
+  * {} - любой элемент
+
+  tag tag1 {} - выбор tag1, у которых есть предок tag
+  tag > tag {} - выбор дочернего элемента
+  tag + tag {} - выбор соседних элементов
+  tag ~ tag {} - выбор любого соседа
+
+  [attr] {}
+  [attr="..."] {}
+  [attr~="..."] {} - присутствует слово ... в поле атрибута
+  [attr*="..."] {} - присутствует набор символов ... в поле атрибута
+  [attr^="..."] {} - начинается с ... в поле атрибута
+  [attr$="..."] {} - заканчивается на ... в поле атрибута
+  tag [attr|="..."] {}
+
+  :link - не посещенные ссылки
+  :visited - посещенные ссылки
+  :active - нажатие на левую клавишу мыши на элементе
+  :hover - назначать при наведении
+  :focus - при фокусировке элемента
+  :first-child - первый подэлемент
+  :last-child - последний подэлемент
+
+  :first-line
+  :first-letter - выбрать первую букву (не приминимо к inline элементам)
+  :before{content:"..."}, ставит перед контентом элементов строку xxx (можно
+  использовать счетчики)
+  :after{} - тоже, что и before, только ставит текст после контента тега