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

歡迎訪問 生活随笔!

生活随笔

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

HTML

HTML学习笔记——选择器

發布時間:2025/3/20 HTML 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML学习笔记——选择器 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1> ID選擇器、交叉選擇器、群組選擇器、子代選擇器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title><style type="text/css">p{color: purple;font-size: 25px;}li{font-size: 25px;line-height: 35px;} #two{color: red;}/* .lanse{color: blue;}*//*交叉選擇器*/li.lanse{color:blue; }/*群組選擇器*/#test,.seven{color: orange;}/*子代選擇器*/li span{color: pink;}</style></head><body><!-- 下面是html的寫法 --><font color='blue' size='3'>下面是html的寫法</font><font color='blue' size='3'>下面是html的寫法</font><font color='blue' size='3'>下面是html的寫法</font><font color='blue' size='3'>下面是html的寫法</font><font color='blue' size='3'>下面是html的寫法</font><font color='blue' size='3'>下面是html的寫法</font><!-- 下面是css的寫法 --><p>下面是css的寫法</p><p>下面是css的寫法</p><p>下面是css的寫法</p><p>下面是css的寫法</p><p>下面是css的寫法</p><span>我是ul外面的span標簽</span><ul><li>我是第1行li標簽<span>我是ul里面的span標簽</span></li><li id="two">我是第2行li標簽</li><li class="lanse">我是第3行li標簽</li><li>我是第4行li標簽</li><li class="lanse">我是第5行li標簽</li><li id="test">我是第6行li標簽</li><li class="seven">我是第7行li標簽</li></ul><p class="lanse">我是class為lanse的p標簽</p></body> </html>

?

2> 子選擇器、相鄰選擇器、屬性選擇器、偽類選擇器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> <style type="text/css">/*子選擇器*//*#box>p{color:red;}*//*相鄰選擇器*/div+p{color:blue;}/*屬性選擇器*/p[name]{color:red;}a{font-size: 30px;color:blue;}/*偽類選擇器*/a:hover{font-size: 50px;color: red;}#word{width: 300px;border: 3px solid blue;margin: 0 auto;}p#word:first-letter{font-size: 50px;color: red;}div[name]{color: yellow;}</style> </head><body><div name="box">我是name為box的div元素</div><p id="word">p標簽p標簽p標簽p標簽p標簽p標簽</p><a href="http://www.baidu.com">百度</a> <br /> <br /> <br /><div id="box"><div id="son"><p>我是son的p標簽</p></div><p>我是box的p標簽</p><p name="test">我是box的p標簽</p><p>我是box的p標簽</p></div> </body> </html>

?

3> 選擇器的優先級

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> <style type="text/css">#box{font-size: 30px;color: red; }h1{font-size: 40px;color: orange;}/*有優先級*/#title{color: blue;} </style> </head><body><h1 id="title">今天是星期一</h1><div id="box"><p>我是box里面的p標簽</p><span>我是box里面的span標簽</span></div></body> </html>

?

總結

以上是生活随笔為你收集整理的HTML学习笔记——选择器的全部內容,希望文章能夠幫你解決所遇到的問題。

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

主站蜘蛛池模板: 国产一级久久 | 亚洲一区二区三区午夜 | 美女大逼| 538国产精品一区二区 | 色播综合网 | 黑丝一区 | 国产精品久久777777换脸 | 精品玖玖玖 | 欧美另类色图 | 三级黄色免费 | 亚洲一区二区精品在线观看 | 色呦呦在线视频 | 小敏的受孕日记h | 人人射人人 | 亚洲免费一区二区 | 99久久伊人 | 夜夜春视频| 日本一区二区在线不卡 | 另类欧美亚洲 | 美日韩在线视频 | 欧洲成人在线视频 | 亚洲精品短视频 | 国产色综合网 | www.国产免费| k8经典成人理伦片 | av网站在线免费 | 国产精品1000部啪视频 | 日韩在线播放一区二区 | 国产精品国产a级 | 亚洲国产精品国自产拍av | 欧美在线日韩在线 | 日本黄色大片免费看 | 成人激情开心 | 欧亚成人av | 懂色aⅴ国产一区二区三区 亚洲欧美国产另类 | 欧美日韩一区二区三区不卡 | 精品久久一 | 久草新视频| 国产黄色在线播放 | 麻豆91网站 | 国产一区二区三区三州 | 青青草av在线播放 | 精品香蕉视频 | 免费人成在线观看视频播放 | 黄色av一区二区三区 | 99精品国产成人一区二区 | 韩国av毛片 | 男男啪啪网站 | 亚洲AV无码成人精品区麻豆 | 又黄又爽的网站 | 国产成人不卡 | 色婷婷一区二区三区四区 | 香蕉久久一区二区三区 | 欧美高清在线观看 | 久草天堂| 成人作爱视频 | 活大器粗np高h一女多夫 | 毛片在线网站 | 狠狠躁夜夜躁人 | 五月婷久久 | 狠狠天天| 久久亚洲欧美 | 特级精品毛片免费观看 | 日韩二区在线 | 亚洲 欧美 变态 另类 综合 | 国产男男gay| 国产成人午夜精品 | 国产美女在线免费观看 | 最新黄网| 亚洲精品欧美精品 | 长篇高h乱肉辣文 | aaa亚洲精品 | 成人精品视频网站 | 欧美特黄aaaaaa | 美女视频黄频视频大全 | 萌白酱一区二区 | 日韩精品人妻中文字幕 | 黄色一级片在线免费观看 | 欧美一级性生活视频 | 综合av网| 亚洲av综合色区无码另类小说 | 亚洲一卡二卡在线 | 99中文字幕 | 成人免费看片39 | xxx.国产 | 精品国产91 | 日本黄色一区二区 | a天堂资源在线观看 | 久久经典视频 | 在线视频免费观看一区 | 欧美视频免费看欧美视频 | 26uuu精品一区二区在线观看 | 亚洲高清在线视频 | 日韩精品人妻一区二区三区免费 | 99精品国产99久久久久久97 | 国产精品国产三级国产aⅴ无密码 | 鲁鲁在线 | 国产精品久久久久9999 | 国产乱色 |