equal
deleted
inserted
replaced
29 |
29 |
30 To change style in specific tag use: |
30 To change style in specific tag use: |
31 |
31 |
32 <b style="color: blue; font-family: ariel">Welcome!</b> |
32 <b style="color: blue; font-family: ariel">Welcome!</b> |
33 |
33 |
|
34 * Selectors. |
|
35 |
|
36 tag {} |
|
37 .class {} |
|
38 #id {} для id разрешены символы |
|
39 * {} - любой элемент |
|
40 |
|
41 tag tag1 {} - выбор tag1, у которых есть предок tag |
|
42 tag > tag {} - выбор дочернего элемента |
|
43 tag + tag {} - выбор соседних элементов |
|
44 tag ~ tag {} - выбор любого соседа |
|
45 |
|
46 [attr] {} |
|
47 [attr="..."] {} |
|
48 [attr~="..."] {} - присутствует слово ... в поле атрибута |
|
49 [attr*="..."] {} - присутствует набор символов ... в поле атрибута |
|
50 [attr^="..."] {} - начинается с ... в поле атрибута |
|
51 [attr$="..."] {} - заканчивается на ... в поле атрибута |
|
52 tag [attr|="..."] {} |
|
53 |
|
54 :link - не посещенные ссылки |
|
55 :visited - посещенные ссылки |
|
56 :active - нажатие на левую клавишу мыши на элементе |
|
57 :hover - назначать при наведении |
|
58 :focus - при фокусировке элемента |
|
59 :first-child - первый подэлемент |
|
60 :last-child - последний подэлемент |
|
61 |
|
62 :first-line |
|
63 :first-letter - выбрать первую букву (не приминимо к inline элементам) |
|
64 :before{content:"..."}, ставит перед контентом элементов строку xxx (можно |
|
65 использовать счетчики) |
|
66 :after{} - тоже, что и before, только ставит текст после контента тега |