{"id":4389,"date":"2026-03-16T15:41:43","date_gmt":"2026-03-16T08:41:43","guid":{"rendered":"https:\/\/wpdesign.vn\/css-cascade-layers-specificity-va-important\/"},"modified":"2026-05-04T15:59:34","modified_gmt":"2026-05-04T08:59:34","slug":"css-cascade-layers-specificity-va-important","status":"publish","type":"post","link":"https:\/\/wpdesign.vn\/vi\/css-cascade-layers-specificity-va-important\/","title":{"rendered":"CSS Cascade Layers, Specificity V\u00e0 !important"},"content":{"rendered":"\n<p>S\u1ef1 ra \u0111\u1eddi c\u1ee7a <strong>CSS Cascade Layers (@layer)<\/strong> \u0111\u00e1nh d\u1ea5u m\u1ed9t b\u01b0\u1edbc ngo\u1eb7t quan tr\u1ecdng, thay \u0111\u1ed5i ho\u00e0n to\u00e0n t\u01b0 duy qu\u1ea3n l\u00fd ki\u1ebfn tr\u00fac CSS.<\/p>\n\n<h4 class=\"wp-block-heading\">1. H\u1ec7 th\u1ed1ng CSS Cascade: Tr\u1eadt t\u1ef1 \u01afu ti\u00ean To\u00e0n c\u1ea7u<\/h4>\n\n<p>\u0110\u1ec3 hi\u1ec3u t\u1ea1i sao ch\u00fang ta c\u1ea7n Layers hay Specificity, tr\u01b0\u1edbc ti\u00ean c\u1ea7n n\u1eafm r\u00f5 &#8220;B\u1ea3ng tu\u1ea7n ho\u00e0n&#8221; c\u1ee7a Cascade. Tr\u00ecnh duy\u1ec7t quy\u1ebft \u0111\u1ecbnh gi\u00e1 tr\u1ecb thu\u1ed9c t\u00ednh d\u1ef1a tr\u00ean c\u00e1c ti\u00eau ch\u00ed theo th\u1ee9 t\u1ef1 \u01b0u ti\u00ean gi\u1ea3m d\u1ea7n: <\/p>\n\n<ul start=\"1\" class=\"wp-block-list\">\n<li><strong>Origin &amp; Importance:<\/strong> Ngu\u1ed3n g\u1ed1c c\u1ee7a m\u00e3 (Browser, User, hay Author) v\u00e0 vi\u1ec7c c\u00f3 s\u1eed d\u1ee5ng <code>!important<\/code> hay kh\u00f4ng.<\/li>\n\n\n\n<li><strong>Context:<\/strong> C\u00e1c ng\u1eef c\u1ea3nh \u0111\u1eb7c bi\u1ec7t nh\u01b0 Shadow DOM.<\/li>\n\n\n\n<li><strong>Cascade Layers (@layer):<\/strong> C\u00e1c t\u1ea7ng logic do developer \u0111\u1ecbnh ngh\u0129a (M\u1edbi).<\/li>\n\n\n\n<li><strong>Specificity:<\/strong> \u0110i\u1ec3m s\u1ed1 c\u1ee7a selector.<\/li>\n\n\n\n<li><strong>Order of Appearance:<\/strong> Th\u1ee9 t\u1ef1 xu\u1ea5t hi\u1ec7n trong file CSS (ai vi\u1ebft sau ng\u01b0\u1eddi \u0111\u00f3 th\u1eafng).<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">2. CSS Specificity: Tr\u1eadn chi\u1ebfn \u1edf c\u1ea5p \u0111\u1ed9 Selector<\/h4>\n\n<h6 class=\"wp-block-heading\">2.1. B\u1ea3n ch\u1ea5t c\u1ee7a Specificity<\/h6>\n\n<p>Specificity l\u00e0 m\u1ed9t thu\u1eadt to\u00e1n t\u00ednh to\u00e1n tr\u1ecdng s\u1ed1 c\u1ee7a m\u1ed9t CSS selector. H\u00e3y coi n\u00f3 nh\u01b0 m\u1ed9t d\u00e3y s\u1ed1 g\u1ed3m ba th\u00e0nh ph\u1ea7n <code>(A, B, C)<\/code>: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>A (ID):<\/strong> C\u00e1c selector s\u1eed d\u1ee5ng ID (v\u00ed d\u1ee5 <code>#header<\/code>).<\/li>\n\n\n\n<li><strong>B (Class\/Attribute\/Pseudo-class):<\/strong> C\u00e1c class (<code>.btn<\/code>), attribute (<code>[type=\"text\"]<\/code>), v\u00e0 pseudo-class (<code>:hover<\/code>).<\/li>\n\n\n\n<li><strong>C (Type\/Pseudo-element):<\/strong> C\u00e1c th\u1ebb HTML (<code>h1<\/code>, <code>div<\/code>) v\u00e0 pseudo-element (<code>::before<\/code>).<\/li>\n<\/ul>\n\n<p><em>L\u01b0u \u00fd: Inline style (vi\u1ebft tr\u1ef1c ti\u1ebfp trong HTML) c\u00f3 tr\u1ecdng s\u1ed1 cao h\u01a1n c\u1ea3 ba lo\u1ea1i tr\u00ean, nh\u01b0ng th\u1ea5p h\u01a1n <code>!important<\/code>.<\/em><\/p>\n\n<h6 class=\"wp-block-heading\">2.2. C\u00f4ng th\u1ee9c t\u00ednh to\u00e1n th\u1ef1c t\u1ebf<\/h6>\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Selector<\/strong><\/td><td><strong>ID (A)<\/strong><\/td><td><strong>Class (B)<\/strong><\/td><td><strong>Element (C)<\/strong><\/td><td><strong>T\u1ed5ng \u0111i\u1ec3m (D\u1ea1ng chu\u1ed7i)<\/strong><\/td><\/tr><\/thead><tbody><tr><td><code>nav#main-nav<\/code><\/td><td>1<\/td><td>0<\/td><td>1<\/td><td>101<\/td><\/tr><tr><td><code>header .menu li a<\/code><\/td><td>0<\/td><td>1<\/td><td>3<\/td><td>013<\/td><\/tr><tr><td><code>.card:hover<\/code><\/td><td>0<\/td><td>2<\/td><td>0<\/td><td>020<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<p><strong>Quy t\u1eafc v\u00e0ng:<\/strong> Specificity ch\u1ec9 so s\u00e1nh gi\u1eefa c\u00e1c selector c\u00f3 c\u00f9ng m\u1ee9c \u0111\u1ed9 \u01b0u ti\u00ean v\u1ec1 Layer v\u00e0 Importance. M\u1ed9t selector c\u00f3 ID lu\u00f4n th\u1eafng h\u00e0ng ngh\u00ecn class c\u1ed9ng l\u1ea1i. <\/p>\n\n<h6 class=\"wp-block-heading\">2.3. H\u1ec7 qu\u1ea3 ti\u00eau c\u1ef1c: &#8220;Specificity Inflation&#8221;<\/h6>\n\n<p>Khi kh\u00f4ng c\u00f3 ki\u1ebfn tr\u00fac l\u1edbp, developer th\u01b0\u1eddng r\u01a1i v\u00e0o c\u00e1i b\u1eaby &#8220;vi\u1ebft selector d\u00e0i h\u01a1n \u0111\u1ec3 ghi \u0111\u00e8&#8221;.<\/p>\n\n<p><code>body .container .content .article .title<\/code> (Specificity: 0, 4, 1)<\/p>\n\n<p>\u0110i\u1ec1u n\u00e0y khi\u1ebfn code tr\u1edf n\u00ean c\u1ef1c k\u1ef3 mong manh. Ch\u1ec9 c\u1ea7n thay \u0111\u1ed5i c\u1ea5u tr\u00fac HTML nh\u1ecf, to\u00e0n b\u1ed9 h\u1ec7 th\u1ed1ng style s\u1ebd s\u1ee5p \u0111\u1ed5. <\/p>\n\n<h4 class=\"wp-block-heading\">3. !important: &#8220;V\u0169 kh\u00ed h\u1ea1t nh\u00e2n&#8221; v\u00e0 Nh\u1eefng h\u1ec7 l\u1ee5y<\/h4>\n\n<h6 class=\"wp-block-heading\">3.1. C\u01a1 ch\u1ebf ho\u1ea1t \u0111\u1ed9ng \u0111\u1eb7c bi\u1ec7t<\/h6>\n\n<p><code>!important<\/code> kh\u00f4ng th\u1ef1c s\u1ef1 t\u0103ng specificity c\u1ee7a selector. Thay v\u00e0o \u0111\u00f3, n\u00f3 \u0111\u01b0a thu\u1ed9c t\u00ednh \u0111\u00f3 v\u00e0o m\u1ed9t <strong>Categorical Bucket (Nh\u00f3m danh m\u1ee5c)<\/strong> ho\u00e0n to\u00e0n kh\u00e1c. <\/p>\n\n<p>Khi so s\u00e1nh hai rule:<\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>M\u1ed9t rule c\u00f3 <code>!important<\/code> s\u1ebd lu\u00f4n th\u1eafng m\u1ed9t rule kh\u00f4ng c\u00f3 n\u00f3, b\u1ea5t k\u1ec3 specificity c\u1ee7a c\u00e1i kia cao \u0111\u1ebfn \u0111\u00e2u.<\/li>\n\n\n\n<li>N\u1ebfu c\u1ea3 hai \u0111\u1ec1u c\u00f3 <code>!important<\/code>, tr\u00ecnh duy\u1ec7t m\u1edbi quay l\u1ea1i so s\u00e1nh Specificity.<\/li>\n<\/ol>\n\n<h6 class=\"wp-block-heading\">3.2. Ngh\u1ecbch l\u00fd c\u1ee7a s\u1ef1 c\u01b0\u1ee1ng \u00e9p<\/h6>\n\n<p>S\u1eed d\u1ee5ng <code>!important<\/code> gi\u1ed1ng nh\u01b0 vay n\u1ee3 t\u00edn d\u1ee5ng \u0111en. B\u1ea1n gi\u1ea3i quy\u1ebft \u0111\u01b0\u1ee3c v\u1ea5n \u0111\u1ec1 ngay l\u1eadp t\u1ee9c, nh\u01b0ng c\u00e1i gi\u00e1 ph\u1ea3i tr\u1ea3 l\u00e0 s\u1ef1 b\u1ebf t\u1eafc trong t\u01b0\u01a1ng lai. C\u00e1ch duy nh\u1ea5t \u0111\u1ec3 ghi \u0111\u00e8 m\u1ed9t thu\u1ed9c t\u00ednh <code>!important<\/code> l\u00e0 s\u1eed d\u1ee5ng m\u1ed9t c\u00e1i <code>!important<\/code> kh\u00e1c v\u1edbi specificity cao h\u01a1n ho\u1eb7c n\u1eb1m \u1edf v\u1ecb tr\u00ed mu\u1ed9n h\u01a1n trong code.  <\/p>\n\n<h6 class=\"wp-block-heading\">3.3. Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng (Use-cases) h\u1ee3p l\u1ec7<\/h6>\n\n<ul class=\"wp-block-list\">\n<li><strong>Utility Classes:<\/strong> V\u00ed d\u1ee5 c\u00e1c class nh\u01b0 <code>.d-none { display: none !important; }<\/code> \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o n\u00f3 lu\u00f4n c\u00f3 t\u00e1c d\u1ee5ng.<\/li>\n\n\n\n<li><strong>Ghi \u0111\u00e8 Third-party Library:<\/strong> Khi b\u1ea1n kh\u00f4ng th\u1ec3 can thi\u1ec7p v\u00e0o m\u00e3 ngu\u1ed3n c\u1ee7a th\u01b0 vi\u1ec7n ngo\u00e0i.<\/li>\n\n\n\n<li><strong>Hotfix kh\u1ea9n c\u1ea5p:<\/strong> Trong l\u00fac ch\u1edd \u0111\u1ee3i m\u1ed9t \u0111\u1ee3t t\u00e1i c\u1ea5u tr\u00fac (refactor) b\u00e0i b\u1ea3n.<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">4. CSS Cascade Layers (@layer): Cu\u1ed9c c\u00e1ch m\u1ea1ng v\u1ec1 Ki\u1ebfn tr\u00fac<\/h4>\n\n<h6 class=\"wp-block-heading\">4.1. T\u1ea1i sao @layer ra \u0111\u1eddi?<\/h6>\n\n<p>Cascade Layers gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 c\u1ed1t l\u00f5i: <strong>Ghi \u0111\u00e8 d\u1ef1a tr\u00ean m\u1ee5c \u0111\u00edch, kh\u00f4ng ph\u1ea3i d\u1ef1a tr\u00ean \u0111\u1ed9 ph\u1ee9c t\u1ea1p c\u1ee7a selector.<\/strong><\/p>\n\n<p>V\u1edbi <code>@layer<\/code>, b\u1ea1n c\u00f3 th\u1ec3 khai b\u00e1o c\u00e1c t\u1ea7ng \u01b0u ti\u00ean. Rule \u1edf t\u1ea7ng cao h\u01a1n s\u1ebd lu\u00f4n th\u1eafng rule \u1edf t\u1ea7ng th\u1ea5p h\u01a1n, <strong>ngay c\u1ea3 khi rule \u1edf t\u1ea7ng th\u1ea5p c\u00f3 specificity cao h\u01a1n.<\/strong> <\/p>\n\n<h6 class=\"wp-block-heading\">4.2. C\u00fa ph\u00e1p v\u00e0 Th\u1ee9 t\u1ef1 \u01afu ti\u00ean<\/h6>\n\n<p>B\u1ea1n \u0111\u1ecbnh ngh\u0129a th\u1ee9 t\u1ef1 c\u00e1c l\u1edbp \u1edf ngay \u0111\u1ea7u file CSS:<\/p>\n\n<p>CSS<\/p>\n\n<pre class=\"wp-block-code\"><code>@layer reset, base, components, utilities;\n\n@layer base {\n  #main-nav a { \/* Specificity cao: 1, 0, 1 *\/\n    color: gray;\n  }\n}\n\n@layer utilities {\n  .text-blue { \/* Specificity th\u1ea5p: 0, 1, 0 *\/\n    color: blue;\n  }\n}\n<\/code><\/pre>\n\n<p>Trong v\u00ed d\u1ee5 n\u00e0y, ch\u1eef s\u1ebd c\u00f3 m\u00e0u <strong>blue<\/strong>. M\u1eb7c d\u00f9 <code>#main-nav a<\/code> c\u00f3 specificity v\u01b0\u1ee3t tr\u1ed9i, nh\u01b0ng n\u00f3 n\u1eb1m \u1edf layer <code>base<\/code> \u2013 v\u1ed1n c\u00f3 \u01b0u ti\u00ean th\u1ea5p h\u01a1n layer <code>utilities<\/code>. <\/p>\n\n<h6 class=\"wp-block-heading\">4.3. Kh\u1ea3 n\u0103ng &#8220;G\u00f3i g\u1ecdn&#8221; (Encapsulation)<\/h6>\n\n<p><code>@layer<\/code> cho ph\u00e9p ch\u00fang ta t\u00edch h\u1ee3p c\u00e1c framework (nh\u01b0 Bootstrap hay Tailwind) v\u00e0o c\u00e1c layer th\u1ea5p, \u0111\u1ea3m b\u1ea3o r\u1eb1ng code t\u00f9y ch\u1ec9nh c\u1ee7a ch\u00fang ta lu\u00f4n c\u00f3 quy\u1ec1n \u01b0u ti\u00ean m\u00e0 kh\u00f4ng c\u1ea7n d\u00f9ng \u0111\u1ebfn nh\u1eefng selector c\u1ef1c d\u00e0i.<\/p>\n\n<h4 class=\"wp-block-heading\">5. Ma tr\u1eadn So s\u00e1nh: Specificity vs !important vs Cascade Layers<\/h4>\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Ti\u00eau ch\u00ed<\/strong><\/td><td><strong>Specificity<\/strong><\/td><td><strong>!important<\/strong><\/td><td><strong>Cascade Layers<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>Ph\u1ea1m vi t\u00e1c \u0111\u1ed9ng<\/strong><\/td><td>Selector c\u1ee5 th\u1ec3<\/td><td>T\u1eebng thu\u1ed9c t\u00ednh ri\u00eang l\u1ebb<\/td><td>To\u00e0n b\u1ed9 kh\u1ed1i code\/ki\u1ebfn tr\u00fac<\/td><\/tr><tr><td><strong>M\u1ee9c \u0111\u1ed9 ki\u1ec3m so\u00e1t<\/strong><\/td><td>Vi m\u00f4 (Micro)<\/td><td>C\u01b0\u1ee1ng b\u1ee9c (Forced)<\/td><td>V\u0129 m\u00f4 (Macro)<\/td><\/tr><tr><td><strong>T\u00ednh b\u1ea3o tr\u00ec<\/strong><\/td><td>Kh\u00f3 (d\u1ec5 d\u1eabn \u0111\u1ebfn l\u1ea1m d\u1ee5ng)<\/td><td>R\u1ea5t k\u00e9m<\/td><td>R\u1ea5t cao<\/td><\/tr><tr><td><strong>Tri\u1ebft l\u00fd thi\u1ebft k\u1ebf<\/strong><\/td><td>D\u1ef1a tr\u00ean c\u1ea5u tr\u00fac HTML<\/td><td>D\u1ef1a tr\u00ean s\u1ef1 kh\u1ea9n c\u1ea5p<\/td><td>D\u1ef1a tr\u00ean vai tr\u00f2 c\u1ee7a code<\/td><\/tr><tr><td><strong>S\u1ef1 ph\u1ee5 thu\u1ed9c<\/strong><\/td><td>Ph\u1ee5 thu\u1ed9c v\u00e0o c\u00e1ch \u0111\u1eb7t t\u00ean\/c\u1ea5u tr\u00fac<\/td><td>\u0110\u1ee9ng \u0111\u1ed9c l\u1eadp<\/td><td>Ph\u1ee5 thu\u1ed9c v\u00e0o th\u1ee9 t\u1ef1 khai b\u00e1o layer<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<h4 class=\"wp-block-heading\">6. Chi\u1ebfn l\u01b0\u1ee3c \u00e1p d\u1ee5ng th\u1ef1c t\u1ebf (Best Practices)<\/h4>\n\n<p>\u0110\u1ec3 x\u00e2y d\u1ef1ng m\u1ed9t h\u1ec7 th\u1ed1ng CSS b\u1ec1n v\u1eefng, h\u00e3y \u00e1p d\u1ee5ng m\u00f4 h\u00ecnh ph\u00e2n t\u1ea7ng sau:<\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>L\u1edbp Reset\/Normalize:<\/strong> Thi\u1ebft l\u1eadp l\u1ea1i m\u1eb7c \u0111\u1ecbnh c\u1ee7a tr\u00ecnh duy\u1ec7t.<\/li>\n\n\n\n<li><strong>L\u1edbp Base:<\/strong> \u0110\u1ecbnh ngh\u0129a typography, m\u00e0u s\u1eafc c\u01a1 b\u1ea3n cho c\u00e1c th\u1ebb element (h1, p, a).<\/li>\n\n\n\n<li><strong>L\u1edbp Theme\/Design Tokens:<\/strong> C\u00e1c bi\u1ebfn v\u00e0 style h\u1ec7 th\u1ed1ng.<\/li>\n\n\n\n<li><strong>L\u1edbp Components:<\/strong> Ch\u1ee9a style c\u1ee7a Button, Card, Navbar&#8230; (S\u1eed d\u1ee5ng Specificity v\u1eeba ph\u1ea3i \u1edf \u0111\u00e2y).<\/li>\n\n\n\n<li><strong>L\u1edbp Utilities:<\/strong> C\u00e1c class h\u1ed7 tr\u1ee3 nhanh (margin, padding, color). \u0110\u00e2y l\u00e0 n\u01a1i c\u00f3 th\u1ec3 d\u00f9ng <code>!important<\/code> m\u1ed9t c\u00e1ch c\u00f3 ki\u1ec3m so\u00e1t. <\/li>\n<\/ol>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Quy t\u1eafc 80\/20:<\/strong> H\u00e3y \u0111\u1ec3 80% logic ghi \u0111\u00e8 n\u1eb1m \u1edf Cascade Layers v\u00e0 ch\u1ec9 20% ph\u1ee5 thu\u1ed9c v\u00e0o Specificity cho c\u00e1c t\u01b0\u01a1ng t\u00e1c chi ti\u1ebft trong component.<\/p>\n<\/blockquote>\n\n<h4 class=\"wp-block-heading\">7. K\u1ebft lu\u1eadn<\/h4>\n\n<p>S\u1ef1 hi\u1ec3u bi\u1ebft v\u1ec1 s\u1ef1 giao thoa gi\u1eefa <strong>Specificity, !important v\u00e0 Cascade Layers<\/strong> ph\u00e2n bi\u1ec7t m\u1ed9t Coder th\u00f4ng th\u01b0\u1eddng v\u1edbi m\u1ed9t Architect chuy\u00ean nghi\u1ec7p.<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Specificity<\/strong> l\u00e0 c\u00f4ng c\u1ee5 \u0111\u1ec3 \u0111\u1ecbnh h\u00ecnh chi ti\u1ebft.<\/li>\n\n\n\n<li><strong>!important<\/strong> l\u00e0 gi\u1ea3i ph\u00e1p cu\u1ed1i c\u00f9ng cho nh\u1eefng xung \u0111\u1ed9t kh\u00f4ng th\u1ec3 th\u1ecfa hi\u1ec7p.<\/li>\n\n\n\n<li><strong>Cascade Layers<\/strong> l\u00e0 khung x\u01b0\u01a1ng v\u1eefng ch\u1eafc \u0111\u1ec3 qu\u1ea3n l\u00fd to\u00e0n b\u1ed9 h\u1ec7 th\u1ed1ng.<\/li>\n<\/ul>\n\n<p>Vi\u1ec7c chuy\u1ec3n d\u1ecbch t\u1eeb qu\u1ea3n l\u00fd b\u1eb1ng Specificity sang qu\u1ea3n l\u00fd b\u1eb1ng Layers kh\u00f4ng ch\u1ec9 gi\u00fap gi\u1ea3m b\u1edbt l\u01b0\u1ee3ng code &#8220;r\u00e1c&#8221; m\u00e0 c\u00f2n t\u0103ng t\u1ed1c \u0111\u1ed9 ph\u00e1t tri\u1ec3n v\u00e0 kh\u1ea3 n\u0103ng m\u1edf r\u1ed9ng c\u1ee7a d\u1ef1 \u00e1n trong d\u00e0i h\u1ea1n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>S\u1ef1 ra \u0111\u1eddi c\u1ee7a CSS Cascade Layers (@layer) \u0111\u00e1nh d\u1ea5u m\u1ed9t b\u01b0\u1edbc ngo\u1eb7t quan tr\u1ecdng, thay \u0111\u1ed5i ho\u00e0n to\u00e0n t\u01b0 [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":4388,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[25],"tags":[],"class_list":["post-4389","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publishing"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/comments?post=4389"}],"version-history":[{"count":1,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4389\/revisions"}],"predecessor-version":[{"id":4390,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4389\/revisions\/4390"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/media\/4388"}],"wp:attachment":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/media?parent=4389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/categories?post=4389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/tags?post=4389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}