{"id":20204,"date":"2013-06-22T17:36:00","date_gmt":"2013-06-22T17:36:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/06\/22\/id-va-class-gong-va-khac-nhau-nhu-the-nao-trong-css\/"},"modified":"2023-05-04T23:34:07","modified_gmt":"2023-05-04T16:34:07","slug":"id-class-css","status":"publish","type":"post","link":"https:\/\/kiencang.net\/id-class-css\/","title":{"rendered":"Ph\u00e2n bi\u1ec7t ID v\u00e0 Class, ch\u00fang gi\u1ed1ng v\u00e0 kh\u00e1c nhau nh\u01b0 th\u1ebf n\u00e0o trong CSS, c\u00e1i n\u00e0y m\u00e0 b\u1ea1n kh\u00f4ng n\u1eafm r\u00f5 l\u00e0 d\u1edf \u0111\u1ea5y!"},"content":{"rendered":"\n<p>V\u1ec1 c\u01a1 b\u1ea3n ID v\u00e0 Class l\u00e0 gi\u1ed1ng nhau, \u0111\u1ec1u \u0111\u01b0\u1ee3c d\u00f9ng l\u00e0 khai b\u00e1o trong CSS &#8211; s\u1ef1 kh\u00e1c bi\u1ec7t n\u1eb1m \u1edf ch\u1ed7, khi khai b\u00e1o id cho m\u1ed9t th\u1ebb n\u00e0o \u0111\u00f3 th\u00ec t\u00ean id \u0111\u00f3 kh\u00f4ng \u0111\u01b0\u1ee3c d\u00f9ng l\u1ea1i n\u1eefa &#8211; t\u1ee9c l\u00e0 b\u1ea1n kh\u00f4ng \u0111\u01b0\u1ee3c khai b\u00e1o t\u00ean \u0111\u00f3 cho th\u1ebb kh\u00e1c, trong khi \u0111\u00f3 class th\u00ec khai b\u00e1o m\u1ed9t l\u1edbp c\u00e1c th\u1ebb v\u00e0 ch\u00fang s\u1ebd c\u00f3 c\u00f9ng chung thu\u1ed9c t\u00ednh trong CSS.<\/p>\n\n\n\n<p>V\u00ed d\u1ee5:<\/p>\n\n\n\n<ul>\n<li>V\u1ec1 khai b\u00e1o s\u1eed d\u1ee5ng id: <\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=\"wp\"&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<ul>\n<li>V\u1ec1 khai b\u00e1o s\u1eed d\u1ee5ng class: <\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h2 class=\"title\"&gt;&lt;\/h2&gt;<\/code><\/pre>\n\n\n\n<p>Khi khai b\u00e1o trong CSS, th\u00ec id s\u1ebd b\u1eaft \u0111\u1ea7u b\u1eb1ng <b>d\u1ea5u th\u0103ng<\/b> (&nbsp;<b><span style=\"font-size: large;\">#&nbsp;<\/span><\/b>) c\u00f2n class l\u00e0 <b>d\u1ea5u ch\u1ea5m<\/b> (&nbsp;<b><span style=\"font-size: large;\">.&nbsp;<\/span><\/b>)<\/p>\n\n\n\n<p>V\u00ed d\u1ee5:<\/p>\n\n\n\n<ul>\n<li>V\u1ec1 id: <\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>#wp {width: 960px; height: auto; margin:0 auto;}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<ul>\n<li>V\u1ec1 class: <\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>.title {font-size: 30px; color: #690000;}<\/code><\/pre>\n\n\n\n<p>Nh\u1eefng \u0111\u1ed1i t\u01b0\u1ee3ng nh\u01b0 wrapper th\u00ec ch\u1ec9 s\u1eed d\u1ee5ng m\u1ed9t l\u1ea7n trong trang n\u00ean ta khai b\u00e1o l\u00e0 id, trong khi \u0111\u00f3 nh\u1eefng th\u1ebb ti\u00eau \u0111\u1ec1 cho b\u00e0i vi\u1ebft l\u1eb7p l\u1ea1i nhi\u1ec1u l\u1ea7n trong n\u1ed9i dung v\u00e0 c\u00f3 c\u00f9ng thu\u1ed9c t\u00ednh CSS (ch\u1eb3ng h\u1ea1n c\u00f9ng c\u1ee1 ch\u1eef 30px v\u00e0 \u0111\u1ec1u c\u00f3 m\u00e0u \u0111\u1ecf m\u1eadn) th\u00ec ta s\u1eed d\u1ee5ng class.<\/p>\n\n\n\n<p>PS: ch\u00fa \u00fd l\u00e0 \u0111\u1eebng \u0111\u1eb7t t\u00ean class v\u00e0 id <b>b\u1eaft \u0111\u1ea7u<\/b> l\u00e0 m\u1ed9t <b>s\u1ed1<\/b>, ch\u1eb1ng h\u1ea1n <code>id=\"56x\"<\/code>, <code>class=\"37y\"<\/code> v\u00ec m\u1ed9t s\u1ed1 <b>tr\u00ecnh duy\u1ec7t web<\/b> kh\u00f4ng h\u1ed7 tr\u1ee3 ki\u1ec3u \u0111\u1eb7t t\u00ean n\u00e0y.<\/p>\n\n\n\n<p>\u0110\u1ec3 gi\u1ea3m thi\u1ec3u vi\u1ec7c khai b\u00e1o qu\u00e1 nhi\u1ec1u, lan man id v\u00e0 class (ng\u1ed3i ngh\u0129 t\u00ean hay c\u0169ng \u0111\u1ee7 m\u1ec7t r\u1ed3i) b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o b\u00e0i vi\u1ebft <a href=\"https:\/\/kiencang.net\/bo-chon-hay-selector-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1c selector (b\u1ed9 ch\u1ecdn) trong CSS<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Danh s\u00e1ch b\u1ed9 ch\u1ecdn<\/h2>\n\n\n\n<ul>\n<li><a href=\"https:\/\/kiencang.net\/selector-before-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Selector :before<\/a>; <\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/selector-thuoc-tinh-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Selector thu\u1ed9c t\u00ednh<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/lop-gia-first-letter-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">L\u1edbp gi\u1ea3 (v\u00ed d\u1ee5 first-letter)<\/a>;<\/li>\n\n\n\n<li>Id v\u00e0 Class (b\u00e0i b\u1ea1n \u0111ang \u0111\u1ecdc);<\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/selector-after-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Selector :after<\/a>;<\/li>\n\n\n\n<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>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>V\u1ec1 c\u01a1 b\u1ea3n ID v\u00e0 Class l\u00e0 gi\u1ed1ng nhau, \u0111\u1ec1u \u0111\u01b0\u1ee3c d\u00f9ng l\u00e0 khai b\u00e1o trong CSS &#8211; s\u1ef1 kh\u00e1c bi\u1ec7t n\u1eb1m \u1edf ch\u1ed7, khi khai b\u00e1o id cho m\u1ed9t th\u1ebb n\u00e0o \u0111\u00f3 th\u00ec t\u00ean id \u0111\u00f3 kh\u00f4ng \u0111\u01b0\u1ee3c d\u00f9ng l\u1ea1i n\u1eefa &#8211; t\u1ee9c l\u00e0 b\u1ea1n kh\u00f4ng \u0111\u01b0\u1ee3c khai b\u00e1o t\u00ean \u0111\u00f3 cho th\u1ebb kh\u00e1c, &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,235],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ph\u00e2n bi\u1ec7t ID v\u00e0 Class, ch\u00fang gi\u1ed1ng v\u00e0 kh\u00e1c nhau nh\u01b0 th\u1ebf n\u00e0o trong CSS, c\u00e1i n\u00e0y m\u00e0 b\u1ea1n kh\u00f4ng n\u1eafm r\u00f5 l\u00e0 d\u1edf \u0111\u1ea5y! &#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\/id-class-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ph\u00e2n bi\u1ec7t ID v\u00e0 Class, ch\u00fang gi\u1ed1ng v\u00e0 kh\u00e1c nhau nh\u01b0 th\u1ebf n\u00e0o trong CSS, c\u00e1i n\u00e0y m\u00e0 b\u1ea1n kh\u00f4ng n\u1eafm r\u00f5 l\u00e0 d\u1edf \u0111\u1ea5y! &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"V\u1ec1 c\u01a1 b\u1ea3n ID v\u00e0 Class l\u00e0 gi\u1ed1ng nhau, \u0111\u1ec1u \u0111\u01b0\u1ee3c d\u00f9ng l\u00e0 khai b\u00e1o trong CSS &#8211; s\u1ef1 kh\u00e1c bi\u1ec7t n\u1eb1m \u1edf ch\u1ed7, khi khai b\u00e1o id cho m\u1ed9t th\u1ebb n\u00e0o \u0111\u00f3 th\u00ec t\u00ean id \u0111\u00f3 kh\u00f4ng \u0111\u01b0\u1ee3c d\u00f9ng l\u1ea1i n\u1eefa &#8211; t\u1ee9c l\u00e0 b\u1ea1n kh\u00f4ng \u0111\u01b0\u1ee3c khai b\u00e1o t\u00ean \u0111\u00f3 cho th\u1ebb kh\u00e1c, &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/id-class-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-06-22T17:36:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-04T16:34:07+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":"Ph\u00e2n bi\u1ec7t ID v\u00e0 Class, ch\u00fang gi\u1ed1ng v\u00e0 kh\u00e1c nhau nh\u01b0 th\u1ebf n\u00e0o trong CSS, c\u00e1i n\u00e0y m\u00e0 b\u1ea1n kh\u00f4ng n\u1eafm r\u00f5 l\u00e0 d\u1edf \u0111\u1ea5y! &#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\/id-class-css\/","og_locale":"vi_VN","og_type":"article","og_title":"Ph\u00e2n bi\u1ec7t ID v\u00e0 Class, ch\u00fang gi\u1ed1ng v\u00e0 kh\u00e1c nhau nh\u01b0 th\u1ebf n\u00e0o trong CSS, c\u00e1i n\u00e0y m\u00e0 b\u1ea1n kh\u00f4ng n\u1eafm r\u00f5 l\u00e0 d\u1edf \u0111\u1ea5y! &#8226; Ki\u1ebfn c\u00e0ng","og_description":"V\u1ec1 c\u01a1 b\u1ea3n ID v\u00e0 Class l\u00e0 gi\u1ed1ng nhau, \u0111\u1ec1u \u0111\u01b0\u1ee3c d\u00f9ng l\u00e0 khai b\u00e1o trong CSS &#8211; s\u1ef1 kh\u00e1c bi\u1ec7t n\u1eb1m \u1edf ch\u1ed7, khi khai b\u00e1o id cho m\u1ed9t th\u1ebb n\u00e0o \u0111\u00f3 th\u00ec t\u00ean id \u0111\u00f3 kh\u00f4ng \u0111\u01b0\u1ee3c d\u00f9ng l\u1ea1i n\u1eefa &#8211; t\u1ee9c l\u00e0 b\u1ea1n kh\u00f4ng \u0111\u01b0\u1ee3c khai b\u00e1o t\u00ean \u0111\u00f3 cho th\u1ebb kh\u00e1c, &hellip;","og_url":"https:\/\/kiencang.net\/id-class-css\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-06-22T17:36:00+00:00","article_modified_time":"2023-05-04T16:34:07+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\/id-class-css\/","url":"https:\/\/kiencang.net\/id-class-css\/","name":"Ph\u00e2n bi\u1ec7t ID v\u00e0 Class, ch\u00fang gi\u1ed1ng v\u00e0 kh\u00e1c nhau nh\u01b0 th\u1ebf n\u00e0o trong CSS, c\u00e1i n\u00e0y m\u00e0 b\u1ea1n kh\u00f4ng n\u1eafm r\u00f5 l\u00e0 d\u1edf \u0111\u1ea5y! &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-06-22T17:36:00+00:00","dateModified":"2023-05-04T16:34:07+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/id-class-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/id-class-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/id-class-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Ph\u00e2n bi\u1ec7t ID v\u00e0 Class, ch\u00fang gi\u1ed1ng v\u00e0 kh\u00e1c nhau nh\u01b0 th\u1ebf n\u00e0o trong CSS, c\u00e1i n\u00e0y m\u00e0 b\u1ea1n kh\u00f4ng n\u1eafm r\u00f5 l\u00e0 d\u1edf \u0111\u1ea5y!"}]},{"@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\/20204"}],"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=20204"}],"version-history":[{"count":1,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20204\/revisions"}],"predecessor-version":[{"id":23723,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20204\/revisions\/23723"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=20204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=20204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=20204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}