{"id":1161,"date":"2021-11-03T18:13:27","date_gmt":"2021-11-03T15:13:27","guid":{"rendered":"https:\/\/1.cbm.ua\/?p=1161"},"modified":"2024-10-29T15:51:34","modified_gmt":"2024-10-29T12:51:34","slug":"%d1%81%d0%b5%d0%bb%d0%b5%d0%ba%d1%82%d0%be%d1%80%d1%8b-%d0%b2-html-%d0%b8-css","status":"publish","type":"post","link":"https:\/\/1.cbm.ua\/?p=1161","title":{"rendered":"!!! ___\u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b \u0432 Html \u0438 CSS. !important (!important \u0434\u0430\u0451\u0442 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0443 \u043d\u0430\u0438\u0432\u044b\u0441\u0448\u0438\u0439 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442, \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044f \u0434\u0440\u0443\u0433\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u0434\u0430\u0436\u0435 \u0431\u043e\u043b\u0435\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435. \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432 \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u0441\u0442\u0438\u043b\u0435\u0439)"},"content":{"rendered":"\n<p>\u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 &#8212; (simple selector)<br>\u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 &#8212; (compound selector)<br>\u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 &#8212; (complex selector)<\/p>\n\n\n\n<p><a href=\"#Weight-selectors\" data-type=\"internal\" data-id=\"#Weight-selectors\">\u0412\u0435\u0441-\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432<\/a><\/p>\n\n\n\n<p><a href=\"#\u041f\u0440\u0438\u043c\u0435\u0440\u044b-\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432\" data-type=\"internal\" data-id=\"#\u041f\u0440\u0438\u043c\u0435\u0440\u044b-\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432\">\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432<\/a><\/p>\n\n\n\n<p><a href=\"#\u0421\u0442\u0430\u0442\u044c\u044f-\u043f\u0440\u043e-\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b\" data-type=\"internal\" data-id=\"#\u0421\u0442\u0430\u0442\u044c\u044f-\u043f\u0440\u043e-\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b\">\u0421\u0442\u0430\u0442\u044c\u044f \u043f\u0440\u043e \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Weight-selectors\"><div class=\"jp_heading\"><a rel=\"noreferrer noopener\" href=\"http:\/\/css.yoksel.ru\/specifity\/\" data-type=\"URL\" data-id=\"http:\/\/css.yoksel.ru\/specifity\/\" target=\"_blank\"><strong>\u0412\u0435\u0441<\/strong> \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432.<\/a><\/div><\/h3>\n\n\n\n<p><a href=\"https:\/\/html5css.ru\/cssref\/css_selectors.php\" data-type=\"URL\" data-id=\"https:\/\/html5css.ru\/cssref\/css_selectors.php\" target=\"_blank\" rel=\"noreferrer noopener\">CSS\u00a0Selector\u00a0\u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"248\" height=\"271\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-1.png\" alt=\"\" class=\"wp-image-1139\"\/><\/figure>\n\n\n\n<p> \u0421\u0430\u043c\u044b\u0439 \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0432\u0435\u0441 \u0443 <strong>style <\/strong>= 1000. \u0415\u0433\u043e \u043b\u0443\u0447\u0448\u0435 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u043d\u043e \u0435\u0441\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438, \u0442\u043e \u0447\u0442\u043e\u0431\u044b \u0435\u0433\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043f\u0440\u0438\u0439\u0434\u0435\u0442\u044c\u0441\u044f \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c <code><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-nv-c-2-color\">!important<\/mark><\/strong><\/code>\u00a0\u043a \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u0441\u0442\u0438\u043b\u0435\u0439.<\/p>\n\n\n\n<p>\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:<\/p>\n\n\n\n<p><strong>background<\/strong>: mediumspringgreen <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-nv-c-2-color\">!important<\/mark>;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"351\" height=\"73\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-2.png\" alt=\"\" class=\"wp-image-1140\" srcset=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-2.png 351w, https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-2-300x62.png 300w\" sizes=\"auto, (max-width: 351px) 100vw, 351px\" \/><\/figure>\n\n\n\n<p>\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b ID \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439 \u043b\u0443\u0447\u0448\u0435 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c.<\/p>\n\n\n\n<p>\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u2014 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c\u00a0<code><strong>#container<\/strong><\/code>\u00a0\u043a\u043e \u0432\u0442\u043e\u0440\u043e\u043c\u0443 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0443, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u0435\u0433\u043e \u0432\u0435\u0441:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"168\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-3.png\" alt=\"\" class=\"wp-image-1143\"\/><\/figure>\n\n\n\n<p>\u042d\u0442\u043e \u0442\u043e\u0436\u0435 \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043d\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0442\u0430\u043a \u0441\u0435\u0431\u0435: \u0443\u0434\u043b\u0438\u043d\u044f\u0435\u0442\u0441\u044f \u0446\u0435\u043f\u043e\u0447\u043a\u0430 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432 (\u0447\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043e\u0442\u0440\u0430\u0437\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b) \u0438 \u0443\u0445\u0443\u0434\u0448\u0430\u0435\u0442\u0441\u044f \u0447\u0438\u0442\u0430\u0435\u043c\u043e\u0441\u0442\u044c \u043a\u043e\u0434\u0430. \u0422\u0430\u043a \u0442\u043e\u0436\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0435 \u0441\u0442\u043e\u0438\u0442.<\/p>\n\n\n\n<p>1-\u0439 \u0438 2-\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043c\u043e\u0433\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f, \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u043d\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435, \u0430 \u0432 \u043d\u0435\u0439 \u043d\u0435\u0442 \u043d\u0443\u0436\u043d\u044b\u0445 \u043a\u043b\u0430\u0441\u0441\u043e\u0432. \u0415\u0441\u043b\u0438 \u0436\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u043b\u0438\u0431\u043e \u043a\u043b\u0430\u0441\u0441\u044b \u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0442\u0430\u043a\u0438 \u0435\u0441\u0442\u044c \u2014 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431, \u0441\u0430\u043c\u044b\u0439 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439:<\/p>\n\n\n\n<p><strong>3.<\/strong>&nbsp;\u041f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0432 \u0441\u0442\u0438\u043b\u044f\u0445 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b \u0441 ID, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043b\u0430\u0441\u0441\u044b.<\/p>\n\n\n\n<p>\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u043c\u0435\u0436\u0434\u0443&nbsp;<code>#container<\/code>&nbsp;\u0438 \u0441&nbsp;<code><span class=\"has-inline-color has-nv-c-1-color\">.container<\/span><\/code>:<\/p>\n\n\n\n<p><code><span class=\"has-inline-color has-nv-c-1-color\">#container A<\/span>.......<span style=\"color:#245a04\" class=\"has-inline-color\">0,<strong>1<\/strong>,0,<strong>1<\/strong><\/span><\/code>&nbsp;\u2014 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u0441 ID \u043f\u0435\u0440\u0435\u0432\u0435\u0448\u0438\u0432\u0430\u0435\u0442 \u0432\u0441\u0451 \u0432\u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u043a\u043e\u0434\u0435.<\/p>\n\n\n\n<p>\u0417\u0430\u043c\u0435\u043d\u0438\u043c \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b&nbsp;<code>id<\/code>&nbsp;\u043d\u0430&nbsp;<code>class<\/code>:<\/p>\n\n\n\n<p><code><span class=\"has-inline-color has-nv-c-1-color\">.container A<\/span>.......<span style=\"color:#245a04\" class=\"has-inline-color\">0,0,<strong>1<\/strong>,<strong>1<\/strong><\/span><\/code>&nbsp;\u2014 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u0441 \u043a\u043b\u0430\u0441\u0441\u043e\u043c \u0432\u0435\u0441\u0438\u0442 \u043c\u0435\u043d\u044c\u0448\u0435, \u043e\u043d \u043c\u0435\u043d\u0435\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u043d.<\/p>\n\n\n\n<p>\u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u0441\u0441\u044b\u043b\u043e\u043a \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u0432\u0435\u0441\u0438\u0442 \u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0436\u0435:<\/p>\n\n\n\n<p><code><span class=\"has-inline-color has-nv-c-1-color\">.list A<\/span>.............<span style=\"color:#245a04\" class=\"has-inline-color\">0,0,<strong>1<\/strong>,<strong>1<\/strong><\/span><\/code><\/p>\n\n\n\n<p>\u042d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u043f\u0440\u0438 \u0440\u0430\u0432\u043d\u043e\u043c \u0432\u0435\u0441\u0435 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u0441\u044f \u0441\u0442\u0438\u043b\u0438, \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u0438\u0436\u0435 \u0432 \u043a\u043e\u0434\u0435. \u0422\u043e \u0435\u0441\u0442\u044c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0442\u0438\u043b\u0438, \u0441\u043b\u0435\u0434\u0443\u044f \u043e\u0442 \u043e\u0431\u0449\u0435\u0433\u043e \u043a \u0447\u0430\u0441\u0442\u043d\u043e\u043c\u0443, \u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437.<\/p>\n\n\n\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0442\u0430\u043a\u043e\u0439:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"371\" height=\"193\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-4.png\" alt=\"\" class=\"wp-image-1144\" srcset=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-4.png 371w, https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-4-300x156.png 300w\" sizes=\"auto, (max-width: 371px) 100vw, 371px\" \/><\/figure>\n\n\n\n<p>\u0410 \u0441\u0442\u0438\u043b\u0438 \u2014 \u0442\u0430\u043a\u0438\u043c\u0438:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"169\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-5.png\" alt=\"\" class=\"wp-image-1145\"\/><\/figure>\n\n\n\n<p>\u0418 \u043a\u043e\u0434 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u0430\u043a, \u043a\u0430\u043a \u043e\u0436\u0438\u0434\u0430\u0435\u0442\u0441\u044f:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"617\" height=\"213\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-6.png\" alt=\"\" class=\"wp-image-1146\" srcset=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-6.png 617w, https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/11\/image-6-300x104.png 300w\" sizes=\"auto, (max-width: 617px) 100vw, 617px\" \/><\/figure>\n\n\n\n<p>\u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043e\u0431\u0449\u0438\u0445 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439 \u0442\u0430\u043a \u0436\u0435 \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u044c, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e <strong>\u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u043c\u0435\u043d\u044c\u0448\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b \u043f\u043e <span class=\"has-inline-color has-nv-c-2-color\">\u0442\u0435\u0433\u0443 <\/span>\u0438 \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u2014 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b \u043f\u043e \u043a\u043b\u0430\u0441\u0441\u0443. \u042d\u0442\u043e \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043f\u0440\u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0431\u043b\u043e\u043a\u043e\u0432 \u0441\u0430\u0439\u0442\u0430, \u0430 \u043f\u0440\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 &#171;\u0443\u043c\u043d\u044b\u0445&#187; \u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u2014 \u043c\u043e\u0436\u0435\u0442 \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u044c \u0446\u0435\u043f\u043e\u0447\u043a\u0438 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432, \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u0434\u0430 \u0438 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 id=\"\u0421\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0439-\u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440\">\u0421\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0439 \u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440.<\/h3>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div class=\"jp_heading\"><h3 id=\"\u041f\u0440\u0438\u043c\u0435\u0440\u044b-\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432\"> \u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432.<\/h3><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u041f\u0441\u0435\u0432\u0434\u043e\u043a\u043b\u0430\u0441\u0441 (\u0440\u0435\u0436\u0438\u043c\u044b \u043d\u043e\u0434\u044b)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>:active<\/strong>&nbsp;\u2013 \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u044d\u0444\u0444\u0435\u043a\u0442, \u043a\u0430\u043a \u0431\u0443\u0434\u0442\u043e \u043c\u044b \u0437\u0430\u0436\u0430\u043b\u0438 \u043d\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435 \u043b\u0435\u0432\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443 \u043c\u044b\u0448\u0438;<\/li>\n\n\n\n<li><strong>:hover<\/strong>&nbsp;\u2013 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u044d\u0444\u0444\u0435\u043a\u0442 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043a\u0443\u0440\u0441\u043e\u0440\u0430;<\/li>\n\n\n\n<li><strong>:focus<\/strong>&nbsp;\u2013 \u043a\u0430\u043a-\u0431\u0443\u0434\u0442\u043e \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0438 \u043d\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435 \u0444\u043e\u043a\u0443\u0441. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043b\u0430\u0432\u0438\u0448\u0435\u0439 Tab.<\/li>\n\n\n\n<li><strong>:visited<\/strong>&nbsp;\u2013 \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u0442 \u0446\u0432\u0435\u0442 \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u044b\u0439, \u043a\u0430\u043a-\u0431\u0443\u0434\u0442\u043e \u043c\u044b \u0443\u0436\u0435 \u0440\u0430\u043d\u0435\u0435 \u043f\u0435\u0440\u0435\u0448\u043b\u0438 \u043f\u043e \u043d\u0435\u0439.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div class=\"jp_heading\"><h3 id=\"\u0421\u0442\u0430\u0442\u044c\u044f-\u043f\u0440\u043e-\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b\"><a href=\"https:\/\/puzzleweb.ru\/css\/selectors.php\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/puzzleweb.ru\/css\/selectors.php\" rel=\"noopener\">\u0421\u0442\u0430\u0442\u044c\u044f \u043f\u0440\u043e <strong>\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b<\/strong><\/a>.<\/h3><\/div>\n\n\n\n<p>\u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 &#8212; (simple selector)<br>\u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 &#8212; (compound selector)<br>\u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 &#8212; (complex selector)<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">CSS \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b<\/h1>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/puzzleweb.ru\/css\/selectors.php#a1\">\u041a\u043e\u043c\u0431\u0438\u043d\u0430\u0442\u043e\u0440\u044b<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/puzzleweb.ru\/css\/selectors.php#a2\">\u041f\u0441\u0435\u0432\u0434\u043e-\u043a\u043b\u0430\u0441\u0441\u044b<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/puzzleweb.ru\/css\/selectors.php#a3\">\u041f\u0441\u0435\u0432\u0434\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b<\/a><\/li>\n<\/ul>\n\n\n\n<p><strong>\u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440<\/strong>&nbsp;&#8212; \u044d\u0442\u043e \u0447\u0430\u0441\u0442\u044c CSS-\u043f\u0440\u0430\u0432\u0438\u043b\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u043e\u043e\u0431\u0449\u0430\u0435\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443, \u043a \u043a\u0430\u043a\u043e\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 (\u0438\u043b\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c) \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0451\u043d \u0441\u0442\u0438\u043b\u044c.<\/p>\n\n\n\n<p>\u0422\u0435\u0440\u043c\u0438\u043d \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u043c\u043e\u0436\u0435\u0442 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u044c\u0441\u044f \u043a \u043f\u0440\u043e\u0441\u0442\u043e\u043c\u0443 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0443 (simple selector), \u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u043c\u0443 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0443 (compound selector), \u0441\u043b\u043e\u0436\u043d\u043e\u043c\u0443 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0443 (complex selector) \u0438\u043b\u0438 \u0441\u043f\u0438\u0441\u043a\u0443 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432.<\/p>\n\n\n\n<p>\u041a&nbsp;<strong>\u043f\u0440\u043e\u0441\u0442\u044b\u043c \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0430\u043c<\/strong>&nbsp;\u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u0442\u0438\u043f\u0430<\/strong><\/li>\n\n\n\n<li><strong>\u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440<\/strong><\/li>\n\n\n\n<li><strong>\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432<\/strong><\/li>\n\n\n\n<li><strong>\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u0430<\/strong><\/li>\n\n\n\n<li><strong>\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u043a\u043b\u0430\u0441\u0441\u0430<\/strong><\/li>\n\n\n\n<li><strong>\u043f\u0441\u0435\u0432\u0434\u043e-\u043a\u043b\u0430\u0441\u0441\u044b<\/strong><\/li>\n<\/ul>\n\n\n\n<figure id=\"selectors\" class=\"wp-block-table is-style-stripes\"><table><tbody><tr><th>CSS&nbsp;\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440<\/th><th>\u041f\u0440\u0438\u043c\u0435\u0440<\/th><th>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435<\/th><th>CSS<\/th><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_class.php\">.class<\/a><\/td><td><code>.myClass<\/code><\/td><td>\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043a\u043b\u0430\u0441\u0441\u043e\u043c myClass (<code>class=\"myClass\"<\/code>).<\/td><td>1<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_id.php\">#id<\/a><\/td><td><code>#main<\/code><\/td><td>\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u043c main (<code>id=\"main\"<\/code>).<\/td><td>1<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_all.php\">*<\/a><\/td><td><code>*<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432.<\/td><td>2<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_element.php\">\u044d\u043b\u0435\u043c\u0435\u043d\u0442<\/a><\/td><td><code>span<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432&nbsp;<code>&lt;span&gt;<\/code>.<\/td><td>1<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_element_comma.php\">\u044d\u043b\u0435\u043c\u0435\u043d\u0442,\u044d\u043b\u0435\u043c\u0435\u043d\u0442<\/a><\/td><td><code>div,span<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432&nbsp;<code>&lt;div&gt;<\/code>&nbsp;\u0438 \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432&nbsp;<code>&lt;span&gt;<\/code>.<\/td><td>1<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_attribute.php\">[\u0430\u0442\u0440\u0438\u0431\u0443\u0442]<\/a><\/td><td><code>[title]<\/code><\/td><td>\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c&nbsp;<code>title<\/code>.<\/td><td>2<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_attribute_value.php\">[\u0430\u0442\u0440\u0438\u0431\u0443\u0442=&#8217;\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435&#8217;]<\/a><\/td><td><code>[title=\"cost\"]<\/code><\/td><td>\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c&nbsp;<code>title<\/code>, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u0438 \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u0435\u0442 \u0441\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u043c \u0432 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0435 (<code>title=\"cost\"<\/code>).<\/td><td>2<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_attribute_value_contains.php\">[\u0430\u0442\u0440\u0438\u0431\u0443\u0442~=&#8217;\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435&#8217;]<\/a><\/td><td><code>[title~=\"\u043e\u0434\u0438\u043d\"]<\/code><\/td><td>\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c&nbsp;<code>title<\/code>, \u0432 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e (\u0432 \u043b\u044e\u0431\u043e\u043c \u043c\u0435\u0441\u0442\u0435) \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u0441\u0442\u0440\u043e\u043a\u0430 (\u0432 \u0432\u0438\u0434\u0435 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043b\u043e\u0432\u0430) &#171;\u043e\u0434\u0438\u043d&#187; (<code>title=\"\u043e\u0434\u0438\u043d \u0438 \u0434\u0432\u0430\"<\/code>).<\/td><td>2<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_attribute_value_lang.php\">[\u0430\u0442\u0440\u0438\u0431\u0443\u0442|=&#8217;\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435&#8217;]<\/a><\/td><td><code>[lang|=\"ru\"]<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c&nbsp;<code>lang<\/code>, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 &#171;ru&#187;.<\/td><td>2<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_attr_begin.php\">[\u0430\u0442\u0440\u0438\u0431\u0443\u0442^=&#8217;\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435&#8217;]<\/a><\/td><td><code>a[href^=\"https\"]<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;a&gt;<\/code>&nbsp;\u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c&nbsp;<code>href<\/code>, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 &#171;https&#187;.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_attr_end.php\">[\u0430\u0442\u0440\u0438\u0431\u0443\u0442$=&#8217;\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435&#8217;]<\/a><\/td><td><code>[src$=\".png\"]<\/code><\/td><td>\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c&nbsp;<code>src<\/code>, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043e\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430 &#171;.png&#187; (<code>src=\"some_img.png\"<\/code>).<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_attr_contain.php\">[\u0430\u0442\u0440\u0438\u0431\u0443\u0442*=&#8217;\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435&#8217;]<\/a><\/td><td><code>[title*=\"\u043e\u0434\u0438\u043d\"]<\/code><\/td><td>\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c&nbsp;<code>title<\/code>, \u0432 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e (\u0432 \u043b\u044e\u0431\u043e\u043c \u043c\u0435\u0441\u0442\u0435) \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u0441\u0442\u0440\u043e\u043a\u0430 (\u0432 \u0432\u0438\u0434\u0435 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043b\u043e\u0432\u0430 \u0438\u043b\u0438 \u0435\u0433\u043e \u0447\u0430\u0441\u0442\u0438) &#171;\u043e\u0434\u0438\u043d&#187; (<code>title=\"\u043e\u0434\u0438\u043d \u0438 \u0434\u0432\u0430\"<\/code>).<\/td><td>3<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>\u0421\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440<\/strong>&nbsp;\u2014 \u044d\u0442\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u044b \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0442\u043e\u0440\u0430\u043c\u0438, \u0442. \u0435. \u0437\u0430 \u043e\u0434\u043d\u0438\u043c \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u043c \u0441\u0440\u0430\u0437\u0443 \u0438\u0434\u0451\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439. \u041e\u043d \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0432\u0441\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0430\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442. \u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u0442\u0438\u043f\u0430 \u0438\u043b\u0438 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440, \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0432 \u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440, \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u043f\u0435\u0440\u0432\u044b\u043c \u0432 \u044d\u0442\u043e\u0439 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u0412 \u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u043c \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0435 \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u0442\u0438\u043f\u0430 \u0438\u043b\u0438 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td>12<\/td><td><code>span[title].className<\/code><code>p.className<\/code><code>1<\/code><code>.className<\/code><code>2<\/code><code>#someId<\/code><code>:<\/code><code>hover<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>\u0421\u043b\u043e\u0436\u043d\u044b\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440<\/strong>&nbsp;\u2014 \u044d\u0442\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u044b \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0442\u043e\u0440\u0430\u043c\u0438.<\/p>\n\n\n\n<p><strong>\u0421\u043f\u0438\u0441\u043e\u043a \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432<\/strong>&nbsp;\u2014 \u044d\u0442\u043e \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b, \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u0435 \u0447\u0435\u0440\u0435\u0437 \u0437\u0430\u043f\u044f\u0442\u0443\u044e.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"a1\">\u041a\u043e\u043c\u0431\u0438\u043d\u0430\u0442\u043e\u0440\u044b<\/h2>\n\n\n\n<p>\u0414\u043b\u044f \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0441\u0442\u044b\u0445 CSS \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0442\u043e\u0440\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0441\u0432\u044f\u0437\u044c \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0441\u0442\u044b\u043c\u0438 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0430\u043c\u0438. \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0442\u043e\u0440\u043e\u0432 \u0432 CSS2, \u0438 \u043e\u0434\u0438\u043d \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0432 CSS3, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435, \u043e\u043d\u0438 \u043c\u0435\u043d\u044f\u044e\u0442 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440 \u0441\u0430\u043c\u043e\u0433\u043e \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0430.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><th>\u041a\u043e\u043c\u0431\u0438\u043d\u0430\u0442\u043e\u0440<\/th><th>\u041f\u0440\u0438\u043c\u0435\u0440<\/th><th>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435<\/th><th>CSS<\/th><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_element_element.php\">\u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442<\/a><\/td><td><code>div span<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432&nbsp;<code>&lt;span&gt;<\/code>&nbsp;\u0432\u043d\u0443\u0442\u0440\u0438&nbsp;<code>&lt;div&gt;<\/code>.<\/td><td>1<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_element_gt.php\">\u044d\u043b\u0435\u043c\u0435\u043d\u0442&gt;\u044d\u043b\u0435\u043c\u0435\u043d\u0442<\/a><\/td><td><code>div&gt;span<\/code><\/td><td>\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b&nbsp;<code>&lt;span&gt;<\/code>, \u0443 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c &#8212; \u044d\u043b\u0435\u043c\u0435\u043d\u0442&nbsp;<code>&lt;div&gt;<\/code>.<\/td><td>2<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_element_pluss.php\">\u044d\u043b\u0435\u043c\u0435\u043d\u0442+\u044d\u043b\u0435\u043c\u0435\u043d\u0442<\/a><\/td><td><code>div+p<\/code><\/td><td>\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432&nbsp;<code>&lt;div&gt;<\/code>.<\/td><td>2<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_gen_sibling.php\">\u044d\u043b\u0435\u043c\u0435\u043d\u04421~\u044d\u043b\u0435\u043c\u0435\u043d\u04422<\/a><\/td><td><code>p~ol<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432&nbsp;<code>&lt;ol&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043f\u0440\u0435\u0434\u0448\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442&nbsp;<code>&lt;p&gt;<\/code>.<\/td><td>3<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"a2\">\u041f\u0441\u0435\u0432\u0434\u043e-\u043a\u043b\u0430\u0441\u0441\u044b<\/h2>\n\n\n\n<p><strong>\u041f\u0441\u0435\u0432\u0434\u043e-\u043a\u043b\u0430\u0441\u0441<\/strong>&nbsp;\u2013 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0432\u044b\u0431\u043e\u0440\u0430 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0438\u043b\u0438 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043e, \u043d\u043e \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0442\u0440\u0443\u0434\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><th>\u041f\u0441\u0435\u0432\u0434\u043e-\u043a\u043b\u0430\u0441\u0441<\/th><th>\u041f\u0440\u0438\u043c\u0435\u0440<\/th><th>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435<\/th><th>CSS<\/th><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_link.php\">:link<\/a><\/td><td><code>a:link<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0432\u0441\u0435\u0445 \u043d\u0435 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u043d\u044b\u0445 \u0441\u0441\u044b\u043b\u043e\u043a.<\/td><td>1<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_visited.php\">:visited<\/a><\/td><td><code>a:visited<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0432\u0441\u0435\u0445 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u043d\u044b\u0445 \u0441\u0441\u044b\u043b\u043e\u043a.<\/td><td>1<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_active.php\">:active<\/a><\/td><td><code>a:active<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0441\u0441\u044b\u043b\u043a\u0438.<\/td><td>1<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_hover.php\">:hover<\/a><\/td><td><code>a:hover<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0441\u0441\u044b\u043b\u043a\u0438 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 \u043a\u0443\u0440\u0441\u043e\u0440\u0430 \u043c\u044b\u0448\u043a\u0438.<\/td><td>1<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_focus.php\">:focus<\/a><\/td><td><code>input:focus<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;input&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0444\u043e\u043a\u0443\u0441\u0435.<\/td><td>2<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_firstchild.php\">:first-child<\/a><\/td><td><code>p:first-child<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0432\u044b\u043c \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f.<\/td><td>2<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_lang.php\">:lang(\u044f\u0437\u044b\u043a)<\/a><\/td><td><code>p:lang(ru)<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>&nbsp;\u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c&nbsp;<code>lang<\/code>, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 &#171;ru&#187;.<\/td><td>2<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_first-of-type.php\">:first-of-type<\/a><\/td><td><code>p:first-of-type<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0432\u044b\u043c \u0438\u0437 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432&nbsp;<code>&lt;p&gt;<\/code>&nbsp;\u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_last-of-type.php\">:last-of-type<\/a><\/td><td><code>p:last-of-type<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c \u0438\u0437 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432&nbsp;<code>&lt;p&gt;<\/code>&nbsp;\u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_only-of-type.php\">:only-of-type<\/a><\/td><td><code>p:only-of-type<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c&nbsp;<code>&lt;p&gt;<\/code>&nbsp;\u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_only-child.php\">:only-child<\/a><\/td><td><code>p:only-child<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_nth-child.php\">:nth-child(n)<\/a><\/td><td><code>p:nth-child(2)<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0442\u043e\u0440\u044b\u043c \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_nth-last-child.php\">:nth-last-child(n)<\/a><\/td><td><code>p:nth-last-child(2)<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0442\u043e\u0440\u044b\u043c \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u0441\u0447\u0438\u0442\u0430\u044f \u043e\u0442 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_nth-of-type.php\">:nth-of-type(n)<\/a><\/td><td><code>p:nth-of-type(2)<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0442\u043e\u0440\u044b\u043c \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c&nbsp;<code>&lt;p&gt;<\/code>&nbsp;\u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_nth-last-of-type.php\">:nth-last-of-type(n)<\/a><\/td><td><code>p:nth-last-of-type(2)<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0442\u043e\u0440\u044b\u043c \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c&nbsp;<code>&lt;p&gt;<\/code>&nbsp;\u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u0441\u0447\u0438\u0442\u0430\u044f \u043e\u0442 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_last-child.php\">:last-child<\/a><\/td><td><code>p:last-child<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_root.php\">:root<\/a><\/td><td><code>:root<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0435.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_empty.php\">:empty<\/a><\/td><td><code>p:empty<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 (\u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0442\u0435\u043a\u0441\u0442).<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_target.php\">:target<\/a><\/td><td><code>:target<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0446\u0435\u043b\u0435\u0432\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0442\u043e \u0435\u0441\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u043a \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0431\u044b\u043b \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u0451\u043d \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_enabled.php\">:enabled<\/a><\/td><td><code>input:enabled<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;input&gt;<\/code>.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_disabled.php\">:disabled<\/a><\/td><td><code>input:disabled<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0432\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;input&gt;<\/code>.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_checked.php\">:checked<\/a><\/td><td><code>input:checked<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;input&gt;<\/code>, \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0438\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c.<\/td><td>3<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_not.php\">:not(\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440)<\/a><\/td><td><code>:not(p)<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u043a\u0440\u043e\u043c\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>.<\/td><td>3<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"a3\">\u041f\u0441\u0435\u0432\u0434\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b<\/h2>\n\n\n\n<p><strong>\u041f\u0441\u0435\u0432\u0434\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442<\/strong>&nbsp;\u2013 \u044d\u0442\u043e \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0432 \u044f\u0432\u043d\u043e\u043c \u0432\u0438\u0434\u0435 \u0432 \u0434\u0435\u0440\u0435\u0432\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430. \u041f\u0441\u0435\u0432\u0434\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0432\u044b\u0431\u043e\u0440\u0430 \u0442\u0435\u0445 \u0447\u0430\u0441\u0442\u0435\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0434\u043b\u044f \u0441\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0435 \u0432\u0441\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0435\u0433\u043e \u0447\u0430\u0441\u0442\u0435\u0439.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><th>\u041f\u0441\u0435\u0432\u0434\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442<\/th><th>\u041f\u0440\u0438\u043c\u0435\u0440<\/th><th>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435<\/th><th>CSS<\/th><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_firstletter.php\">::first-letter<\/a><\/td><td><code>p::first-letter<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043f\u0435\u0440\u0432\u043e\u0439 \u0431\u0443\u043a\u0432\u044b \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>.<\/td><td>1<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_firstline.php\">::first-line<\/a><\/td><td><code>p::first-line<\/code><\/td><td>\u0412\u044b\u0431\u043e\u0440 \u043f\u0435\u0440\u0432\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>.<\/td><td>1<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_before.php\">::before<\/a><\/td><td><code>p::before<\/code><\/td><td>\u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c \u043f\u0435\u0440\u0435\u0434 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>.<\/td><td>2<\/td><\/tr><tr><td><a href=\"https:\/\/puzzleweb.ru\/css\/sel_after.php\">::after<\/a><\/td><td><code>p::after<\/code><\/td><td>\u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c \u043f\u043e\u0441\u043b\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430&nbsp;<code>&lt;p&gt;<\/code>.<\/td><td>2<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>CSS \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b &#8212; <a href=\"https:\/\/puzzleweb.ru\/css\/selectors.php\">https:\/\/puzzleweb.ru\/css\/selectors.php<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"174\" height=\"26\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-95.png\" alt=\"\" class=\"wp-image-2800\"\/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 &#8212; (simple selector)\u0441\u043e\u0441\u0442\u0430\u0432\u043d\u043e\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 &#8212; (compound selector)\u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 &#8212; (complex selector) \u0412\u0435\u0441-\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0421\u0442\u0430\u0442\u044c\u044f \u043f\u0440\u043e \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b \u0412\u0435\u0441 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432. CSS\u00a0Selector\u00a0\u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a \u0421\u0430\u043c\u044b\u0439 \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0432\u0435\u0441 \u0443 style = 1000. \u0415\u0433\u043e \u043b\u0443\u0447\u0448\u0435 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u043d\u043e \u0435\u0441\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438, \u0442\u043e \u0447\u0442\u043e\u0431\u044b \u0435\u0433\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043f\u0440\u0438\u0439\u0434\u0435\u0442\u044c\u0441\u044f \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c !important\u00a0\u043a \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u0441\u0442\u0438\u043b\u0435\u0439. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: background: mediumspringgreen !important; \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b ID&hellip;&nbsp;<a href=\"https:\/\/1.cbm.ua\/?p=1161\" rel=\"bookmark\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 &raquo;<span class=\"screen-reader-text\">!!! ___\u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b \u0432 Html \u0438 CSS. !important (!important \u0434\u0430\u0451\u0442 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0443 \u043d\u0430\u0438\u0432\u044b\u0441\u0448\u0438\u0439 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442, \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044f \u0434\u0440\u0443\u0433\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u0434\u0430\u0436\u0435 \u0431\u043e\u043b\u0435\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435. \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432 \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u0441\u0442\u0438\u043b\u0435\u0439)<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[7,5,99,110],"tags":[25],"class_list":["post-1161","post","type-post","status-publish","format-standard","hentry","category-html","category-css","category-99","category-110","tag-help"],"_links":{"self":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/1161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1161"}],"version-history":[{"count":23,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/1161\/revisions"}],"predecessor-version":[{"id":6739,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/1161\/revisions\/6739"}],"wp:attachment":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}