这两种css选择器的写法有何区别？

Question

写法一：div#container {height: 35px;}
写法二：#container {height: 35px;}

写法一：.Grid-cell.u-full {flex: 0 0 100%;}
写法二：.u-full {flex: 0 0 100%;}

不是说id 在 HTML 文档中必须是唯一的吗？怎么还有“所有id为container的元素”的说法呢？谢谢啦

Answer 1

第一种第一个是ID为container的div 第二个是ID为container的标签(第二个包含了第一个)
第二种第一个是层次选择器，类名为xxx下面的类名为xxx的标签
第二个是选择类名为xxx的标签，第二个包含了第一个