日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

前端一HTML:十六: 权重有关的练习

發布時間:2025/6/15 HTML 22 豆豆
生活随笔 收集整理的這篇文章主要介紹了 前端一HTML:十六: 权重有关的练习 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

練習一:?

<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><meta name="keywords" content="權重,練習"><meta name="description" content="對網站的描述"><title>第1題</title><style type="text/css">#father #son{ color:blue; /* 權重: 2個id選擇器 0個類選擇器*/}#father p.c2{color:black; /* 權重: 1個id選擇器 1個類選擇器 1個標簽選擇器*/}div.c1 p.c2{ color:red; /* 權重: 0個id選擇器 2個類選擇器 2個標簽選擇器*/}#father{color:green !important; /* 沒有命中到p標簽 */}div#father.c1{color:yellow; /* 沒有命中到p標簽 */}</style> </head> <body><div id="father" class="c1">div內容<p id="son" class="c2">p標簽內容</p></div> </body> </html>

練習2:?

<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>第2題</title><style type="text/css">#father{color:red;}p{color:blue;}</style> </head> <body><div id="father"><p>p標簽文本</p></div> </body> </html>

練習3:?

<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>第3題</title><style type="text/css">div p{color:yellow;}#father{color:red;}p.c2{color:blue;}</style> </head> <body><div id="father" class="c1"><p class="c2">p標簽文本</p></div> </body> </html>

練習4:??

<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>第4題</title><style type="text/css">div div{color:yellow; /* 權重: 0個id選擇器 0個類選擇器 2個標簽選擇器*/}/* 標簽是從右向左找 */div{color:red; /* 權重: 0個id選擇器 0個類選擇器 1個標簽選擇器*/}</style> </head> <body><div><div><div>多層div包含的文本...</div></div></div> </body> </html>

練習5:???

<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>第5題</title><style type="text/css">div div div div div div div div div div div div {color:yellow; /* 權重: 0個id選擇器 0個類選擇器 12個標簽選擇器*/}.haha{color:blue; /* 權重: 0個id選擇器 1個類選擇器 12個標簽選擇器*/}</style> </head> <body><div><div><div><div><div><div><div><div><div><div><div><div class="haha">很多層div包含的文本</div></div></div></div></div></div></div></div></div></div></div></div> </body> </html>

練習6:????

<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>第6題</title><style type="text/css">.c1 .c2 div{color:blue ; /* 權重: 0個id選擇器 2個類選擇器 1個標簽選擇器*/}div #box3{color:green ; /* 權重: 1個id選擇器 0個類選擇器 1個標簽選擇器*/}#box1 div{color:yellow ; /* 權重: 1個id選擇器 0個類選擇器 1個標簽選擇器 */}</style> </head> <body><div id="box1" class="c1"><div id="box2" class="c2"><div id="box3" class="c3">哈哈哈 </div></div></div> </body> </html>

?

總結

以上是生活随笔為你收集整理的前端一HTML:十六: 权重有关的练习的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 久久精品国产亚洲av嫖农村妇女 | 男生和女生靠逼视频 | 少妇免费视频 | 一区二区不卡视频在线观看 | 在线播放a | 嫩草影院黄 | 免费91网站 | 成人免费看片入口 | 国产网友自拍 | 苍井空亚洲精品aa片在线播放 | 欧美福利在线 | 姑娘第5集在线观看免费好剧 | 欧美 日韩 国产 一区 | 无码一区二区三区免费视频 | 欧美国产视频一区 | 69xx欧美 | 亚洲精品www久久久久久 | 成年人网站在线免费观看 | 被灌满精子的波多野结衣 | 特黄视频在线观看 | 天堂网av2014| 在线观看高h | 无码人妻熟妇av又粗又大 | 姑娘第5集在线观看免费好剧 | 玖草在线观看 | 久操伊人网| 美美女高清毛片视频免费观看 | 欧美高清hd | 国产麻豆精品久久一二三 | 国产亚洲一区二区不卡 | 丰满少妇一区二区三区专区 | 激情视频区 | 久久精品aaaaaa毛片 | 好色先生视频污 | 亚洲中文字幕无码专区 | 国产精品7777777 | 欧美激情在线观看一区 | 我和岳m愉情xxxⅹ视频 | 国产精品天美传媒沈樵 | 午夜精品电影 | 欧美精品第1页 | 免费成人黄色片 | 黄色在线观看视频网站 | 在线国产网站 | 日韩一区二区免费播放 | 青青欧美 | 久久国产精品网 | 宇都宫紫苑在线播放 | 色婷婷国产精品视频 | 亚洲美女在线观看 | 红桃视频一区 | 成人福利视频在线观看 | 亚洲精品理论 | 小视频成人 | 97人人模人人爽人人少妇 | 免费一级淫片 | 欧美变态网站 | 狠狠干一区 | 男男全肉变态重口高h | 亚洲系列在线 | 天堂一二三区 | 欧美国产在线视频 | 乌克兰av在线 | 日本三级韩国三级美三级91 | 亚洲一区二区三区成人 | 午夜插插 | 特级淫片裸体免费看冫 | 日韩一区免费观看 | 精品少妇白浆小泬60P | 成人av电影在线观看 | a在线免费观看 | 欧美日韩视频 | 91成人免费在线观看视频 | 国产3p在线播放 | 影音先锋成人 | 久久国产二区 | 久久国产黄色片 | 国产精品第一区 | a√国产 | 欧美日本在线 | a毛片| 免费吸乳羞羞网站视频 | 免费亚洲视频 | 精品人妻少妇一区二区 | 夜晚福利视频 | 黄瓜视频在线观看 | 精品欧美一区二区三区在线观看 | 国产三级三级在线观看 | 尹人综合| 亚洲大成色 | 999久久久 | 男人资源网站 | 国产精品亚洲一区 | 国产欧美精品一区 | 精品久久久中文字幕 | 播放灌醉水嫩大学生国内精品 | 免费观看国产视频 | 国产精品suv一区 | 尤物在线观看视频 |