Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html SASS:使用SASS编写嵌套CSS是一种好的实践吗?_Html_Css_Sass_Nested - Fatal编程技术网

Html SASS:使用SASS编写嵌套CSS是一种好的实践吗?

Html SASS:使用SASS编写嵌套CSS是一种好的实践吗?,html,css,sass,nested,Html,Css,Sass,Nested,在sass中,可以编写如下嵌套css: #A{ 内华达州{ p{ 字体大小:20px; } } .不可抗力{ 高度:30px; 宽度:150px; 字体大小:15px; } } 你好,世界 悬停以更改颜色 这样做是一种好的做法吗?(如果没有,请解释) 是的,这就是SCS的写作方式 以这种嵌套方式写作的性能影响是什么? 没有,因为您的scss编译器将把它编译成纯css,浏览器将使用它非常感谢您消除我的疑虑!!

在sass中,可以编写如下嵌套css:

#A{
内华达州{
p{
字体大小:20px;
}
}
.不可抗力{
高度:30px;
宽度:150px;
字体大小:15px;
}
}

你好,世界

悬停以更改颜色
这样做是一种好的做法吗?(如果没有,请解释)

是的,这就是SCS的写作方式

以这种嵌套方式写作的性能影响是什么?


没有,因为您的scss编译器将把它编译成纯css,浏览器将使用它

非常感谢您消除我的疑虑!!