{"width":"100%","image_url":null,"published":"2023-02-26 15:42:53","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ffreelance-engineer.hatenablog.jp%2Fentry%2F2023%2F02%2F26%2F154253\" title=\"Sass\u3067\u89aa\u30bb\u30ec\u30af\u30bf\u306e\u30af\u30e9\u30b9\u540d\u3092\u542b\u3081\u305f\u8981\u7d20\u3092\u9078\u629e\u3059\u308b - \u30b3\u30fc\u30c9\u3092\u66f8\u304f\u65e5\u3005\uff1a\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u6280\u8853\u30e1\u30e2\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","type":"rich","description":"Sass\u3067\u306f\u3001\u89aa\u8981\u7d20\u306b\u6307\u5b9a\u3055\u308c\u305f\u8907\u6570\u306e\u30af\u30e9\u30b9\u540d\u306e\u3046\u3061\u3001\u7279\u5b9a\u306e\u30af\u30e9\u30b9\u540d\u3092\u6301\u3064\u8981\u7d20\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306b\u3001\u30bb\u30ec\u30af\u30bf\u306e\u8907\u5408\u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001class\u5c5e\u6027\u304c \"a b\" \u3068\u306a\u3063\u3066\u3044\u308b\u8981\u7d20\u306b\u5bfe\u3057\u3066\u3001\"a\"\u30af\u30e9\u30b9\u306e\u4e2d\u3067\"b\"\u30af\u30e9\u30b9\u3092\u9078\u629e\u3059\u308b\u5834\u5408\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u66f8\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 .a { /* a\u30af\u30e9\u30b9\u306e\u30b9\u30bf\u30a4\u30eb */ &.b { /* a\u30af\u30e9\u30b9\u304b\u3064b\u30af\u30e9\u30b9\u3092\u6301\u3064\u8981\u7d20\u306e\u30b9\u30bf\u30a4\u30eb */ } } \u4e0a\u8a18\u306eSass\u30b3\u30fc\u30c9\u3067\u306f\u3001\"&\"\u3092\u4f7f\u7528\u3057\u3066\u89aa\u8981\u7d20\u3092\u53c2\u7167\u3057\u3001\".\"\u3092\u4f7f\u7528\u3057\u3066\u30af\u30e9\u30b9\u540d\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\"&.b\"\u3068\u66f8\u304f\u3053\u3068\u3067\u3001\u89aa\u8981\u7d20\u304c\"a\"\u30af\u30e9\u30b9\u304b\u3064\"b\"\u30af\u30e9\u30b9\u3092\u6301\u3064\u8981\u7d20\u3092\u9078\u629e\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u4ee5\u2026","blog_title":"\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u65e5\u3005\uff1a\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u6280\u8853\u30e1\u30e2","title":"Sass\u3067\u89aa\u30bb\u30ec\u30af\u30bf\u306e\u30af\u30e9\u30b9\u540d\u3092\u542b\u3081\u305f\u8981\u7d20\u3092\u9078\u629e\u3059\u308b","height":"190","url":"https://freelance-engineer.hatenablog.jp/entry/2023/02/26/154253","categories":["CSS/Sass"],"blog_url":"https://freelance-engineer.hatenablog.jp/","version":"1.0","provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/freelance-engineer/","author_name":"freelance-engineer","provider_name":"Hatena Blog"}