css中的選擇器有什么區別,css鼠標懸浮變色原理?
1、首先新建一個html文件,命名為test.html,在test.html文件內,使用table標簽創建一個表格,用于測試。
2、在test.html文件內,設置table標簽的class屬性為mytable,同時設置邊框為1px。
3、接著在css標簽內,通過class設置表格的樣式,定義它的寬度為300px,高度為200px。
4、在css標簽內,通過td元素名稱和“:hover”選擇器定義當鼠標指向單元格時,改變單元格的背景顏色,設置為紅色。
5、最后在瀏覽器打開test.html文件,鼠標經過之后,即可變色。
0
css模塊化多個class如何引用?
方法1:用css的屬性選擇器。 div[class^="aa"] { background-color:#d6d6d6; height: 50px; }1 2 3 方法2:用空格分隔多個class .aa { background-color:#d6d6d6; height: 50px; }1 2 3
什么類型的css作為html標記的屬性?
id選著、類選擇、標簽選擇等等。去W3cShool看看CSS選擇器就大概了解了!
not選擇器不支持復雜選擇?
盡管css的選擇器很強大了,但是考慮其兼容性,盡可能的少用,比如我們在做一個前端頁面的切圖的時候,會看情況:
如果是h5手機網站,推薦用css選擇器
如果是pc網站,適當用css選擇器
如果是pc網站,并且是政府、學校等機關單位,杜絕用css選擇器