1、 有趣的css選擇器名稱,css中如何代表所有元素?
css中用通配符代表所有元素。
通配符使用星號*表示,意思是“所有的”。
平時使用電腦,比如要搜索C盤里所有的網頁,可以使用 *.html來搜索,.html是網頁的后綴名,*代表了所有網頁的名稱;
也就是使用 * 加后綴名,就可以在電腦中搜索文件。
在CSS中,同樣使用 * 代表所有的標簽或元素,它叫做通配符選擇器。
比如:* { color : red; } 這里就把所有元素的字體設置為紅色。
*會匹配所有的元素,因此針對所有元素的設置可以使用*來完成,用的最多的例子如下:
*{margin:0px; padding:0px;}
這里是設置所有元素的外邊距margin和內邊距padding都為0。
不過,由于*會匹配所有的元素,這樣會影響網頁渲染的時間,因此很多人開始停止使用*通配符選擇器,取而代之的是,把所有需要統一設置的元素,放在一起,一塊設置。
2、 id是什么類型的選擇器?
id是css的唯一選擇器,使用ID選擇器,必須給標簽添加上id屬性,為標簽設置id="ID名稱"。
3、 CSS選擇器權重如何計算?
很古老的話題了
id=100
class=10
tag(標簽)=1
按照這個規律去計算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面,我推薦了解下BEM命名規則,這個觀念很好,可以從側面杜絕權重問題的產生,還有一個就是提高權重的方法 !important;
4、 css類選擇器用什么做前綴表示?
>10 CSS類選擇器也就是選擇html編碼中標明為特定Class(類)的元素.如<p Class="mytest">這是我要編輯的段落</p>,在CSS文件中可用 .mytest{ }來表達想要顯示的樣式。簡單地說,CSS類選擇器用" . "做前綴。