1、 css選擇器不包含某個節點,為什么看到有的前端工程師將css每個選擇器里的內容寫成一行?
應該是個老程序猿,之前css壓縮沒有實現的時候,通過縮短選擇器嵌套,人工進行壓縮就出現了這個。而且沒有less,scss開發的時候這種情況更甚,不過有了這些便捷的開發方式也希望去注意一點嵌套層數。
推薦項目工程呢還是用less,scss開發比較好,css文件開發期就是被編譯的壓不壓縮無所謂了。
推薦樓主使用 vs code 這個編輯器 非常好用的東西。如果你要發展全棧或者學習node,這個玩意兒繞不開1
2、 前端中css星號是什么意思?
在css樣式中,星號代表的是“所有元素”,“*”選擇器能夠選取所有的元素或者一個元素中的所有子元素。使用“*”選擇器來設置樣式,會統一設置所有元素的樣式,語法為“*{css屬性:屬性值;}”。
星號選擇器(*)表示選中所有的元素。
* 選擇器選取所有元素。
* 選擇器也能選取另一個元素中的所有元素。
注意:*選擇器比較消耗性能,盡量避免使用,應使用更加精確的選擇器選擇元素。
3、 CSS屬性與值的定義?
cascading style sheet 層疊樣式表
CSS基本語法
css的定義方法是:
選擇器 { 屬性:值; 屬性:值; 屬性:值;}
選擇器是將樣式和頁面元素關聯起來的名稱,屬性是希望設置的樣式屬性每個屬性有一個或多個值,如果一個屬性有多個值,中間用空格隔開
代碼示例:
div{ width:100px; height:100px; color:red }
用處:設置網頁的顯示效果(設置樣式)
css將網頁的顯示效果和內容分離(降低了耦合性)