標籤：css基礎 標記 blog 技術 class html+css 教程 作用 back
鎮場詩：
清心感悟智慧語，不著世間名與利。學水處下納百川，舍盡貢高我慢意。
學有小成返哺根，願鑄一良心部落格。誠心於此寫經驗，願見文者得啟發。
——————————————————————————————————————————
ex1:
code:
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> /*給div標籤的後代，指定的標籤 或者指定標籤的指定class名稱 添加樣式*/ div h1.myh1{ background-color:crimson; } table{ border:2px dotted blue;/*為了好看...*/ } </style></head> <body> <div> <h1 class="myh1">文韜武略</h1> <p>楞嚴經</p> </div> <div> <h1>道德經</h1><!--這個h1是div下的，但是它的class不是myh1,所以不起作用--> <h2>莊子</h2> <h3>中庸</h3> <h2>論語</h2> <table><!--添加表格的意識是：後代 是 多級的--> <tr> <td><h1>我是div後代，無class的h1標籤</h1></td> </tr> <tr> <td><h1 class="myh1">我是div後代，class=myh1的h1標籤</h1></td> </tr> </table> </div> <div> <h1>大學</h1> <h3>黃帝內經</h3> <h2>墨子</h2> </div> </body></html>
result:
ex2:
code:
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> div h1.myh1{ background-color:cornflowerblue; } </style></head><body> <div> <h1 class="myh1">文韜武略</h1> <p>楞嚴經</p> </div> <div> <h1>道德經</h1><!--這個h1是div下的，但是它的class不是myh1,所以不起作用--> <h2>莊子</h2> <h3>中庸</h3> <h2>論語</h2> <table><!--添加表格的意識是：後代 是 多級的--> <tr> <td><h1>我是div後代，無class的h1標籤</h1></td> </tr> <tr> <td><h1 class="myh1">我是div後代，class=myh1的h1標籤</h1></td> </tr> </table> </div></body></html>
result:
——————————————————————————————————————————
博文的精髓，在技術部分，更在鎮場一詩。編輯器 VS2015,瀏覽器 Firefox。
html+css+js，強，值得努力學習。我跟著傳智播客的視頻教程學習。
我是一個新手，所以如果博文的內容有可以改進的地方，甚至有錯誤的地方，請留下評論，我一定努力改正，爭取成就一個良心部落格。
註：此文僅作為科研學習，如果我無意中侵犯了您的權益，請務必及時告知，我會做出改正。
css基礎 給一個標記的後代中 指定的標籤 或者指定標籤的指定class名稱 添加樣式 (後代多級的)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
