{"id":297,"date":"2013-12-12T05:04:00","date_gmt":"2013-12-12T05:04:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/12\/12\/lop-gia-first-child-trong-css\/"},"modified":"2013-12-12T05:04:00","modified_gmt":"2013-12-12T05:04:00","slug":"lop-gia-first-child-trong-css","status":"publish","type":"post","link":"https:\/\/kiencang.net\/lop-gia-first-child-trong-css\/","title":{"rendered":"L\u1edbp gi\u1ea3 first-child trong CSS"},"content":{"rendered":"\n<p><b>First-child<\/b>&nbsp;d\u1ecbch ra ti\u1ebfng Vi\u1ec7t l\u00e0 \u0111\u1ee9a con c\u1ea3, v\u00e0 trong CSS, \u0111i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0 n\u00f3 s\u1ebd t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn th\u1ebb \u0111\u1ea7u ti\u00ean c\u1ee7a th\u1ebb cha.&nbsp;<\/p>\n\n\n\n<p>Gi\u1ea3 d\u1ee5 t\u00f4i c\u00f3 3 th\u1ebb p nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;H\u1ecd v\u00e0 t\u00ean: Nguy\u1ec5n \u0110\u1ee9c Anh&lt;\/p&gt;\n&lt;p&gt;Ch\u1ee9c v\u1ee5: Qu\u1ea3n tr\u1ecb web, Thi\u1ebft k\u1ebf web&lt;\/p&gt;\n&lt;p&gt;K\u1ef9 n\u0103ng: HTML, CSS, JavaScript, JQuery, PHP, PTS&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p>Gi\u1edd n\u1ebfu t\u00f4i vi\u1ebft trong CSS nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>p:first-child {color:blue}<\/code><\/pre>\n\n\n\n<p>Th\u00ec d\u00f2ng ch\u1eef \u0111\u1ea7u ti\u00ean&nbsp;H\u1ecd v\u00e0 t\u00ean: Nguy\u1ec5n \u0110\u1ee9c Anh&nbsp;s\u1ebd c\u00f3 m\u00e0u xanh.<\/p>\n\n\n\n<p>C\u00f3 m\u1ed9t ch\u00fa \u00fd nh\u1ecf, \u0111\u00f3 l\u00e0 c\u00e2u l\u1ec7nh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>p:first-child {color:blue} <\/code><\/pre>\n\n\n\n<p>S\u1ebd t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn t\u1ea5t c\u1ea3 th\u1ebb p m\u00e0 l\u00e0 con c\u1ea3, ch\u1eb3ng h\u1ea1n n\u1ebfu ch\u00fang ta c\u00f3 m\u00e3 \u0111\u00e1nh d\u1ea5u nh\u01b0 sau:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;title&gt;Blog Ki\u1ebfn c\u00e0ng&lt;\/title&gt;\n&lt;style&gt;\np:first-child\n{\np:first-child {color:blue}\n\n}\n&lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n \n&lt;p&gt;H\u1ecd v\u00e0 t\u00ean: Nguy\u1ec5n \u0110\u1ee9c Anh&lt;\/p&gt;\n&lt;p&gt;Ch\u1ee9c v\u1ee5: Qu\u1ea3n tr\u1ecb web, Thi\u1ebft k\u1ebf web&lt;\/p&gt;\n&lt;p&gt;K\u1ef9 n\u0103ng: HTML, CSS, JavaScript, JQuery, PHP, PTS&lt;\/p&gt;\n \n&lt;div&gt;\n&lt;p&gt;S\u1edf th\u00edch: Ch\u01a1i th\u1ec3 thao, l\u01b0\u1edbt web&lt;\/p&gt;\n&lt;p&gt;Nh\u00e2n v\u1eadt \u01b0a th\u00edch: Osho&lt;\/p&gt;\n&lt;\/div&gt;\n \n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Theo b\u1ea1n nh\u1eefng \u0111o\u1ea1n v\u0103n b\u1ea3n n\u00e0o s\u1ebd c\u00f3 m\u00e0u xanh? C\u00e2u tr\u1ea3 l\u1eddi l\u00e0 c\u00f3 2 \u0111o\u1ea1n. \u0110o\u1ea1n th\u1ee9 nh\u1ea5t l\u00e0&nbsp;H\u1ecd v\u00e0 t\u00ean: Nguy\u1ec5n \u0110\u1ee9c Anh&nbsp;th\u00ec b\u1ea1n \u0111\u00e3 hi\u1ec3u. \u0110o\u1ea1n th\u1ee9 hai c\u0169ng c\u00f3 m\u00e0u xanh, \u0111\u00f3 l\u00e0&nbsp;S\u1edf th\u00edch: Ch\u01a1i th\u1ec3 thao, l\u01b0\u1edbt web<\/p>\n\n\n\n<p>S\u1edf d\u0129 \u201cS\u1edf th\u00edch: Ch\u01a1i th\u1ec3 thao, l\u01b0\u1edbt web\u201d c\u00f3 m\u00e0u xanh l\u00e0 b\u1edfi v\u00ec n\u00f3 c\u0169ng l\u00e0 con c\u1ea3, c\u1ee5 th\u1ec3, n\u00f3 l\u00e0 con c\u1ea3 c\u1ee7a th\u1ebb div.<\/p>\n\n\n\n<p>Ch\u1ed1t h\u1ea1: l\u1edbp gi\u1ea3 first-child t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn t\u1ea5t c\u1ea3 c\u00e1c con c\u1ea3 c\u1ee7a c\u00e1c th\u1ebb kh\u00e1c nhau.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3<\/h2>\n\n\n\n<p>T\u1ea5t c\u1ea3 c\u00e1c tr\u00ecnh duy\u1ec7t ph\u1ed5 th\u00f4ng \u0111\u1ec1u h\u1ed7 tr\u1ee3 first-child, bao g\u1ed3m: Chrome, FireFox, Opera, Safari, IE.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">M\u1ed9t s\u1ed1 v\u00ed d\u1ee5 kh\u00e1c<\/h2>\n\n\n\n<p>CSS:<i>&nbsp;<\/i><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>p:first-child b\n{\nbackground:yellow;\n}\n<\/code><\/pre>\n\n\n\n<p>M\u00e3 \u0111\u00e1nh d\u1ea5u:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;T\u00f4i l\u00e0 &lt;b&gt;Nguy\u1ec5n \u0110\u1ee9c Anh&lt;\/b&gt;. T\u00f4i qu\u1ea3n tr\u1ecb trang web &lt;b&gt;Blog Ki\u1ebfn c\u00e0ng&lt;\/b&gt;.&lt;\/p&gt;\n&lt;p&gt;T\u00f4i sinh n\u0103m &lt;b&gt;1987&lt;.\/b&gt;. Qu\u00ea \u1edf &lt;b&gt;H\u00e0 T\u00e2y&lt;\/b&gt;.&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p>K\u1ebft qu\u1ea3: L\u00e0m cho t\u1ea5t c\u1ea3 c\u00e1c n\u1ed9i dung b\u00f4i \u0111\u1eadm trong th\u1ebb p \u0111\u1ea7u ti\u00ean c\u00f3 n\u1ec1n m\u00e0u v\u00e0ng.<\/p>\n\n\n\n<div>\n<div>T\u00f4i l\u00e0 <span style=\"background-color: yellow;\"><b>Nguy\u1ec5n \u0110\u1ee9c Anh<\/b><\/span>. T\u00f4i qu\u1ea3n tr\u1ecb trang web <span style=\"background-color: yellow;\"><b>Blog Ki\u1ebfn c\u00e0ng<\/b><\/span>.<\/div>\n<div>T\u00f4i sinh n\u0103m <b>1987<\/b>. Qu\u00ea \u1edf <b>H\u00e0 T\u00e2y<\/b>.<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Danh s\u00e1ch b\u1ed9 ch\u1ecdn<\/h2>\n\n\n\n<ul><li><a href=\"https:\/\/kiencang.net\/selector-before-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Selector :before<\/a>; <\/li><li><a href=\"https:\/\/kiencang.net\/selector-thuoc-tinh-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Selector thu\u1ed9c t\u00ednh<\/a>;<\/li><li><a href=\"https:\/\/kiencang.net\/lop-gia-first-letter-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">L\u1edbp gi\u1ea3 kh\u00e1c (v\u00ed d\u1ee5 first-letter)<\/a>;<\/li><li><a href=\"https:\/\/kiencang.net\/id-class-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Id v\u00e0 Class<\/a>;<\/li><li><a href=\"https:\/\/kiencang.net\/selector-after-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Selector :after<\/a>;<\/li><li><a href=\"https:\/\/kiencang.net\/bo-chon-hay-selector-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u1ed5ng h\u1ee3p c\u00e1c Selector<\/a>;<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>First-child&nbsp;d\u1ecbch ra ti\u1ebfng Vi\u1ec7t l\u00e0 \u0111\u1ee9a con c\u1ea3, v\u00e0 trong CSS, \u0111i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0 n\u00f3 s\u1ebd t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn th\u1ebb \u0111\u1ea7u ti\u00ean c\u1ee7a th\u1ebb cha.&nbsp; Gi\u1ea3 d\u1ee5 t\u00f4i c\u00f3 3 th\u1ebb p nh\u01b0 th\u1ebf n\u00e0y: Gi\u1edd n\u1ebfu t\u00f4i vi\u1ebft trong CSS nh\u01b0 th\u1ebf n\u00e0y: Th\u00ec d\u00f2ng ch\u1eef \u0111\u1ea7u ti\u00ean&nbsp;H\u1ecd v\u00e0 t\u00ean: Nguy\u1ec5n \u0110\u1ee9c &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>L\u1edbp gi\u1ea3 first-child trong CSS &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/lop-gia-first-child-trong-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"L\u1edbp gi\u1ea3 first-child trong CSS &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"First-child&nbsp;d\u1ecbch ra ti\u1ebfng Vi\u1ec7t l\u00e0 \u0111\u1ee9a con c\u1ea3, v\u00e0 trong CSS, \u0111i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0 n\u00f3 s\u1ebd t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn th\u1ebb \u0111\u1ea7u ti\u00ean c\u1ee7a th\u1ebb cha.&nbsp; Gi\u1ea3 d\u1ee5 t\u00f4i c\u00f3 3 th\u1ebb p nh\u01b0 th\u1ebf n\u00e0y: Gi\u1edd n\u1ebfu t\u00f4i vi\u1ebft trong CSS nh\u01b0 th\u1ebf n\u00e0y: Th\u00ec d\u00f2ng ch\u1eef \u0111\u1ea7u ti\u00ean&nbsp;H\u1ecd v\u00e0 t\u00ean: Nguy\u1ec5n \u0110\u1ee9c &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/lop-gia-first-child-trong-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-12-12T05:04:00+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"L\u1edbp gi\u1ea3 first-child trong CSS &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/lop-gia-first-child-trong-css\/","og_locale":"vi_VN","og_type":"article","og_title":"L\u1edbp gi\u1ea3 first-child trong CSS &#8226; Ki\u1ebfn c\u00e0ng","og_description":"First-child&nbsp;d\u1ecbch ra ti\u1ebfng Vi\u1ec7t l\u00e0 \u0111\u1ee9a con c\u1ea3, v\u00e0 trong CSS, \u0111i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0 n\u00f3 s\u1ebd t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn th\u1ebb \u0111\u1ea7u ti\u00ean c\u1ee7a th\u1ebb cha.&nbsp; Gi\u1ea3 d\u1ee5 t\u00f4i c\u00f3 3 th\u1ebb p nh\u01b0 th\u1ebf n\u00e0y: Gi\u1edd n\u1ebfu t\u00f4i vi\u1ebft trong CSS nh\u01b0 th\u1ebf n\u00e0y: Th\u00ec d\u00f2ng ch\u1eef \u0111\u1ea7u ti\u00ean&nbsp;H\u1ecd v\u00e0 t\u00ean: Nguy\u1ec5n \u0110\u1ee9c &hellip;","og_url":"https:\/\/kiencang.net\/lop-gia-first-child-trong-css\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-12-12T05:04:00+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/lop-gia-first-child-trong-css\/","url":"https:\/\/kiencang.net\/lop-gia-first-child-trong-css\/","name":"L\u1edbp gi\u1ea3 first-child trong CSS &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-12-12T05:04:00+00:00","dateModified":"2013-12-12T05:04:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/lop-gia-first-child-trong-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/lop-gia-first-child-trong-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/lop-gia-first-child-trong-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"L\u1edbp gi\u1ea3 first-child trong CSS"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/297"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=297"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/297\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}