{"id":84,"date":"2023-09-21T15:52:31","date_gmt":"2023-09-21T08:52:31","guid":{"rendered":"https:\/\/danaidesign.com\/?p=84"},"modified":"2024-01-09T21:39:42","modified_gmt":"2024-01-09T14:39:42","slug":"what-is-bem-with-how-to-use","status":"publish","type":"post","link":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/","title":{"rendered":"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49"},"content":{"rendered":"\n<p>\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e48\u0e32 Front-end Developer \u0e2b\u0e25\u0e32\u0e22\u0e04\u0e19\u0e04\u0e07\u0e40\u0e04\u0e22\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e31\u0e1a\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d Class \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e19\u0e33 CSS \u0e02\u0e2d\u0e07\u0e04\u0e19\u0e2d\u0e37\u0e48\u0e19\u0e21\u0e32\u0e17\u0e33\u0e07\u0e32\u0e19\u0e15\u0e48\u0e2d \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e41\u0e15\u0e48\u0e25\u0e30\u0e04\u0e19\u0e01\u0e47\u0e08\u0e30\u0e21\u0e35\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e01\u0e31\u0e19\u0e08\u0e36\u0e07\u0e22\u0e32\u0e01\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08 \u0e14\u0e49\u0e27\u0e22\u0e40\u0e2b\u0e15\u0e38\u0e19\u0e35\u0e49\u0e08\u0e36\u0e07\u0e21\u0e35\u0e01\u0e25\u0e38\u0e48\u0e21\u0e04\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e22\u0e32\u0e22\u0e32\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19 \u0e41\u0e25\u0e30\u0e19\u0e31\u0e49\u0e19\u0e01\u0e47\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e21\u0e32\u0e02\u0e2d\u0e07 BEM CSS \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e08\u0e30\u0e21\u0e32\u0e1e\u0e39\u0e14\u0e16\u0e36\u0e07\u0e43\u0e19\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49\u0e04\u0e23\u0e31\u0e1a<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23<\/h2>\n\n\n\n<p>BEM \u0e22\u0e48\u0e2d\u0e21\u0e32\u0e08\u0e32\u0e01 Block, Element, Modifier \u0e40\u0e1b\u0e47\u0e19 Front-end Naming Methodology \u0e2b\u0e23\u0e37\u0e2d\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d Class \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e44\u0e25\u0e48\u0e42\u0e04\u0e49\u0e14\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e49\u0e14 \u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e14\u0e49\u0e27\u0e22\u0e27\u0e34\u0e18\u0e35 BEM CSS \u0e08\u0e30\u0e14\u0e39\u0e08\u0e32\u0e01\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07 HTML Element \u0e19\u0e31\u0e49\u0e19\u0e46 \u0e41\u0e1a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e40\u0e1b\u0e47\u0e19 3 \u0e41\u0e1a\u0e1a \u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 Block, Element \u0e41\u0e25\u0e30 Modifier<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-class\">.block<\/span> { }\n\n<span class=\"hljs-selector-class\">.block__element<\/span> { }\n\n<span class=\"hljs-selector-class\">.block--modifier<\/span> { }\n\n<span class=\"hljs-selector-class\">.block__element--modifier<\/span> { }\n\n<span class=\"hljs-selector-class\">.block--modifier__element<\/span> { }<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 BEM CSS \u0e08\u0e30\u0e21\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c <code>__<\/code> (underscore 2 \u0e15\u0e31\u0e27) \u0e41\u0e25\u0e30 <code>--<\/code> (dashes 2 \u0e15\u0e31\u0e27) \u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS Selector \u0e2b\u0e31\u0e27\u0e43\u0e08\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 BEM CSS \u0e01\u0e47\u0e04\u0e37\u0e2d \u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 Selector \u0e40\u0e1b\u0e47\u0e19 <code>.class<\/code> \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e23\u0e32\u0e08\u0e30\u0e44\u0e21\u0e48\u0e40\u0e02\u0e35\u0e22\u0e19\u0e14\u0e49\u0e27\u0e22 <code>#id<\/code> \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e44\u0e21\u0e48\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19 \u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e15\u0e48\u0e2d\u0e44\u0e14\u0e49<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Block \u0e43\u0e19 BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23<\/h3>\n\n\n\n<p>Block \u0e04\u0e37\u0e2d HTML Element \u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a Element \u0e15\u0e48\u0e32\u0e07\u0e46 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e2d\u0e30\u0e44\u0e23\u0e01\u0e47\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e2d\u0e34\u0e2a\u0e23\u0e30 \u0e40\u0e0a\u0e48\u0e19 Topbar, Button, Badges \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-class\">.topbar<\/span> {}\n\n<span class=\"hljs-selector-class\">.button<\/span> {}\n\n<span class=\"hljs-selector-class\">.badge<\/span> {}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h3 class=\"wp-block-heading\">Element \u0e43\u0e19 BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23<\/h3>\n\n\n\n<p>Element \u0e04\u0e37\u0e2d HTML Element \u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49 Block \u0e22\u0e01\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e0a\u0e48\u0e19 Topbar \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22 Logo \u0e41\u0e25\u0e30 Menu \u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 BEM CSS \u0e40\u0e23\u0e32\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c <code>__<\/code> (underscore 2 \u0e15\u0e31\u0e27) \u0e43\u0e19\u0e01\u0e32\u0e23\u0e01\u0e31\u0e49\u0e19\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07 Block \u0e41\u0e25\u0e30 Element \u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-class\">.topbar<\/span> {}\n\n<span class=\"hljs-selector-class\">.topbar__logo<\/span> {}\n\n<span class=\"hljs-selector-class\">.topbar__menu<\/span> {}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h3 class=\"wp-block-heading\">Modifier \u0e43\u0e19 BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23<\/h3>\n\n\n\n<p>Modifier \u0e04\u0e37\u0e2d \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49 Block \u0e2b\u0e23\u0e37\u0e2d Element \u0e21\u0e35\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e15\u0e31\u0e27 \u0e40\u0e0a\u0e48\u0e19 Button \u0e17\u0e35\u0e48\u0e2a\u0e16\u0e32\u0e19\u0e30 Active, Disable, Primary, Warning \u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e37\u0e48\u0e19\u0e46 \u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 BEM CSS \u0e40\u0e23\u0e32\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c <code>--<\/code> (dashes 2 \u0e15\u0e31\u0e27) \u0e43\u0e2a\u0e48\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a Block \u0e2b\u0e23\u0e37\u0e2d Element \u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-class\">.button<\/span> {}\n\n<span class=\"hljs-selector-class\">.button--active<\/span> {}\n\n<span class=\"hljs-selector-class\">.button--disable<\/span> {}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h2 class=\"wp-block-heading\">\u0e19\u0e33 BEM CSS \u0e21\u0e32\u0e43\u0e0a\u0e49\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a SCSS \u0e2b\u0e23\u0e37\u0e2d SASS \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23<\/h2>\n\n\n\n<p>\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 SCSS \u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e22\u0e2d\u0e14\u0e19\u0e34\u0e22\u0e21\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e48\u0e32 Front-end Developer \u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e41\u0e15\u0e48\u0e40\u0e23\u0e32\u0e08\u0e30\u0e2b\u0e22\u0e34\u0e1a\u0e40\u0e2d\u0e32 BEM CSS \u0e21\u0e32\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23\u0e25\u0e48\u0e30 \u0e42\u0e0a\u0e04\u0e14\u0e35\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48 SASS \u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e48\u0e19 3.3 \u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e19\u0e33 BEM CSS \u0e21\u0e32\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19 \u0e42\u0e14\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e46 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22\u0e46 \u0e15\u0e32\u0e21\u0e19\u0e35\u0e49<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-5\" data-shcb-language-name=\"SCSS\" data-shcb-language-slug=\"scss\"><span><code class=\"hljs language-scss\"><span class=\"hljs-selector-class\">.block<\/span> {\n    <span class=\"hljs-comment\">\/* CSS declarations for `.block` *\/<\/span>\n\n    &amp;__element {\n        <span class=\"hljs-comment\">\/* CSS declarations for `.block__element` *\/<\/span>\n    }\n\n    &amp;--modifier {\n        <span class=\"hljs-comment\">\/* CSS declarations for `.block--modifier` *\/<\/span>\n\n        &amp;__element {\n            <span class=\"hljs-comment\">\/* CSS declarations for `.block--modifier__element` *\/<\/span>\n        }\n    }\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-5\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">SCSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">scss<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h2 class=\"wp-block-heading\">\u0e2a\u0e23\u0e38\u0e1b<\/h2>\n\n\n\n<p>BEM CSS \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e48\u0e32\u0e19\u0e42\u0e04\u0e49\u0e14 CSS \u0e07\u0e48\u0e32\u0e22\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e02\u0e36\u0e49\u0e19 \u0e41\u0e15\u0e48\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e41\u0e23\u0e01\u0e46 \u0e2d\u0e32\u0e08\u0e08\u0e30\u0e14\u0e39\u0e41\u0e1b\u0e25\u0e01\u0e46 \u0e41\u0e25\u0e30\u0e19\u0e33\u0e44\u0e1b\u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e01\u0e31\u0e19\u0e44\u0e21\u0e48\u0e16\u0e39\u0e01 \u0e17\u0e31\u0e49\u0e07\u0e19\u0e35\u0e49\u0e01\u0e47\u0e02\u0e36\u0e49\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e1d\u0e19 \u0e41\u0e25\u0e30\u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1a\u0e48\u0e2d\u0e22\u0e46 \u0e04\u0e23\u0e31\u0e1a<\/p>\n\n\n\n<p><strong>\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07:<\/strong><\/p>\n\n\n\n<ul>\n<li><a href=\"http:\/\/getbem.com\/\">http:\/\/getbem.com\/<\/a>&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/9elements.com\/bem-cheat-sheet\/\">https:\/\/9elements.com\/bem-cheat-sheet\/<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/css-tricks.com\/snippets\/sass\/bem-mixins\/\">https:\/\/css-tricks.com\/snippets\/sass\/bem-mixins\/<\/a>&nbsp;<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e43\u0e2b\u0e49\u0e2d\u0e48\u0e32\u0e19\u0e42\u0e04\u0e49\u0e14\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e49\u0e14\u0e14\u0e49\u0e27\u0e22 BEM CSS \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e49\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/p>\n","protected":false},"author":1,"featured_media":611,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[15,16,14],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 | DanaiDesign<\/title>\n<meta name=\"description\" content=\"\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e43\u0e2b\u0e49\u0e2d\u0e48\u0e32\u0e19\u0e42\u0e04\u0e49\u0e14\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e49\u0e14\u0e14\u0e49\u0e27\u0e22 BEM CSS \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e49\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 | DanaiDesign\" \/>\n<meta property=\"og:description\" content=\"\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e43\u0e2b\u0e49\u0e2d\u0e48\u0e32\u0e19\u0e42\u0e04\u0e49\u0e14\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e49\u0e14\u0e14\u0e49\u0e27\u0e22 BEM CSS \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e49\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\" \/>\n<meta property=\"og:url\" content=\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/\" \/>\n<meta property=\"og:site_name\" content=\"DanaiDesign\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/danaidesignpage\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/danaidesignpage\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-21T08:52:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-09T14:39:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/danaidesign.com\/wp-content\/uploads\/2023\/09\/what-is-bem-with-how-to-use.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Danai Phianphutthikorn\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/danaidesign\" \/>\n<meta name=\"twitter:site\" content=\"@danaidesign\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Danai Phianphutthikorn\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/\"},\"author\":{\"name\":\"Danai Phianphutthikorn\",\"@id\":\"https:\/\/danaidesign.com\/#\/schema\/person\/ce55535f5fd933bb82ed4a4fed3776a4\"},\"headline\":\"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\",\"datePublished\":\"2023-09-21T08:52:31+00:00\",\"dateModified\":\"2024-01-09T14:39:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/\"},\"wordCount\":107,\"publisher\":{\"@id\":\"https:\/\/danaidesign.com\/#\/schema\/person\/ce55535f5fd933bb82ed4a4fed3776a4\"},\"image\":{\"@id\":\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/danaidesign.com\/wp-content\/uploads\/2023\/09\/what-is-bem-with-how-to-use.jpg\",\"keywords\":[\"CSS\",\"Front-end\",\"WebDev\"],\"articleSection\":[\"Coding\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/\",\"url\":\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/\",\"name\":\"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 | DanaiDesign\",\"isPartOf\":{\"@id\":\"https:\/\/danaidesign.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/danaidesign.com\/wp-content\/uploads\/2023\/09\/what-is-bem-with-how-to-use.jpg\",\"datePublished\":\"2023-09-21T08:52:31+00:00\",\"dateModified\":\"2024-01-09T14:39:42+00:00\",\"description\":\"\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e43\u0e2b\u0e49\u0e2d\u0e48\u0e32\u0e19\u0e42\u0e04\u0e49\u0e14\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e49\u0e14\u0e14\u0e49\u0e27\u0e22 BEM CSS \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e49\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\",\"breadcrumb\":{\"@id\":\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#primaryimage\",\"url\":\"https:\/\/danaidesign.com\/wp-content\/uploads\/2023\/09\/what-is-bem-with-how-to-use.jpg\",\"contentUrl\":\"https:\/\/danaidesign.com\/wp-content\/uploads\/2023\/09\/what-is-bem-with-how-to-use.jpg\",\"width\":1200,\"height\":630,\"caption\":\"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/danaidesign.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Coding\",\"item\":\"https:\/\/danaidesign.com\/topics\/coding\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/danaidesign.com\/#website\",\"url\":\"https:\/\/danaidesign.com\/\",\"name\":\"DanaiDesign\",\"description\":\"\u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e17\u0e35\u0e48\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e04\u0e49\u0e19\u0e04\u0e27\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07\u0e46\",\"publisher\":{\"@id\":\"https:\/\/danaidesign.com\/#\/schema\/person\/ce55535f5fd933bb82ed4a4fed3776a4\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/danaidesign.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/danaidesign.com\/#\/schema\/person\/ce55535f5fd933bb82ed4a4fed3776a4\",\"name\":\"Danai Phianphutthikorn\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/danaidesign.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/danaidesign.com\/wp-content\/uploads\/2024\/01\/logo-danaidesign.svg\",\"contentUrl\":\"https:\/\/danaidesign.com\/wp-content\/uploads\/2024\/01\/logo-danaidesign.svg\",\"width\":300,\"height\":300,\"caption\":\"Danai Phianphutthikorn\"},\"logo\":{\"@id\":\"https:\/\/danaidesign.com\/#\/schema\/person\/image\/\"},\"description\":\"Founder, Writer, Designer, Videography, YouTuber\",\"sameAs\":[\"https:\/\/www.danaidesign.com\",\"https:\/\/www.facebook.com\/danaidesignpage\",\"https:\/\/x.com\/https:\/\/twitter.com\/danaidesign\",\"https:\/\/www.youtube.com\/@Danaidesign\"],\"url\":\"https:\/\/danaidesign.com\/author\/danai\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 | DanaiDesign","description":"\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e43\u0e2b\u0e49\u0e2d\u0e48\u0e32\u0e19\u0e42\u0e04\u0e49\u0e14\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e49\u0e14\u0e14\u0e49\u0e27\u0e22 BEM CSS \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e49\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c","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:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/","og_locale":"en_US","og_type":"article","og_title":"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 | DanaiDesign","og_description":"\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e43\u0e2b\u0e49\u0e2d\u0e48\u0e32\u0e19\u0e42\u0e04\u0e49\u0e14\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e49\u0e14\u0e14\u0e49\u0e27\u0e22 BEM CSS \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e49\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c","og_url":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/","og_site_name":"DanaiDesign","article_publisher":"https:\/\/www.facebook.com\/danaidesignpage","article_author":"https:\/\/www.facebook.com\/danaidesignpage","article_published_time":"2023-09-21T08:52:31+00:00","article_modified_time":"2024-01-09T14:39:42+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/danaidesign.com\/wp-content\/uploads\/2023\/09\/what-is-bem-with-how-to-use.jpg","type":"image\/jpeg"}],"author":"Danai Phianphutthikorn","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/danaidesign","twitter_site":"@danaidesign","twitter_misc":{"Written by":"Danai Phianphutthikorn","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#article","isPartOf":{"@id":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/"},"author":{"name":"Danai Phianphutthikorn","@id":"https:\/\/danaidesign.com\/#\/schema\/person\/ce55535f5fd933bb82ed4a4fed3776a4"},"headline":"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49","datePublished":"2023-09-21T08:52:31+00:00","dateModified":"2024-01-09T14:39:42+00:00","mainEntityOfPage":{"@id":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/"},"wordCount":107,"publisher":{"@id":"https:\/\/danaidesign.com\/#\/schema\/person\/ce55535f5fd933bb82ed4a4fed3776a4"},"image":{"@id":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#primaryimage"},"thumbnailUrl":"https:\/\/danaidesign.com\/wp-content\/uploads\/2023\/09\/what-is-bem-with-how-to-use.jpg","keywords":["CSS","Front-end","WebDev"],"articleSection":["Coding"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/","url":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/","name":"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 | DanaiDesign","isPartOf":{"@id":"https:\/\/danaidesign.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#primaryimage"},"image":{"@id":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#primaryimage"},"thumbnailUrl":"https:\/\/danaidesign.com\/wp-content\/uploads\/2023\/09\/what-is-bem-with-how-to-use.jpg","datePublished":"2023-09-21T08:52:31+00:00","dateModified":"2024-01-09T14:39:42+00:00","description":"\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e43\u0e2b\u0e49\u0e2d\u0e48\u0e32\u0e19\u0e42\u0e04\u0e49\u0e14\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22 \u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e49\u0e14\u0e14\u0e49\u0e27\u0e22 BEM CSS \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e49\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c","breadcrumb":{"@id":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#primaryimage","url":"https:\/\/danaidesign.com\/wp-content\/uploads\/2023\/09\/what-is-bem-with-how-to-use.jpg","contentUrl":"https:\/\/danaidesign.com\/wp-content\/uploads\/2023\/09\/what-is-bem-with-how-to-use.jpg","width":1200,"height":630,"caption":"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49"},{"@type":"BreadcrumbList","@id":"https:\/\/danaidesign.com\/what-is-bem-with-how-to-use\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/danaidesign.com\/"},{"@type":"ListItem","position":2,"name":"Coding","item":"https:\/\/danaidesign.com\/topics\/coding\/"},{"@type":"ListItem","position":3,"name":"BEM CSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49"}]},{"@type":"WebSite","@id":"https:\/\/danaidesign.com\/#website","url":"https:\/\/danaidesign.com\/","name":"DanaiDesign","description":"\u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e17\u0e35\u0e48\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e04\u0e49\u0e19\u0e04\u0e27\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07\u0e46","publisher":{"@id":"https:\/\/danaidesign.com\/#\/schema\/person\/ce55535f5fd933bb82ed4a4fed3776a4"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/danaidesign.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/danaidesign.com\/#\/schema\/person\/ce55535f5fd933bb82ed4a4fed3776a4","name":"Danai Phianphutthikorn","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/danaidesign.com\/#\/schema\/person\/image\/","url":"https:\/\/danaidesign.com\/wp-content\/uploads\/2024\/01\/logo-danaidesign.svg","contentUrl":"https:\/\/danaidesign.com\/wp-content\/uploads\/2024\/01\/logo-danaidesign.svg","width":300,"height":300,"caption":"Danai Phianphutthikorn"},"logo":{"@id":"https:\/\/danaidesign.com\/#\/schema\/person\/image\/"},"description":"Founder, Writer, Designer, Videography, YouTuber","sameAs":["https:\/\/www.danaidesign.com","https:\/\/www.facebook.com\/danaidesignpage","https:\/\/x.com\/https:\/\/twitter.com\/danaidesign","https:\/\/www.youtube.com\/@Danaidesign"],"url":"https:\/\/danaidesign.com\/author\/danai\/"}]}},"_links":{"self":[{"href":"https:\/\/danaidesign.com\/wp-json\/wp\/v2\/posts\/84"}],"collection":[{"href":"https:\/\/danaidesign.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/danaidesign.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/danaidesign.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/danaidesign.com\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":7,"href":"https:\/\/danaidesign.com\/wp-json\/wp\/v2\/posts\/84\/revisions"}],"predecessor-version":[{"id":587,"href":"https:\/\/danaidesign.com\/wp-json\/wp\/v2\/posts\/84\/revisions\/587"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/danaidesign.com\/wp-json\/wp\/v2\/media\/611"}],"wp:attachment":[{"href":"https:\/\/danaidesign.com\/wp-json\/wp\/v2\/media?parent=84"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/danaidesign.com\/wp-json\/wp\/v2\/categories?post=84"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/danaidesign.com\/wp-json\/wp\/v2\/tags?post=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}