HTML 之 CSS選擇器
阿新 • • 發佈:2019-03-23
roc sha 技術 圖片 tps css選擇器 組合 body class選擇器 代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #i1{ background-color: blue; } .c1{ background-color: beige; } span{ background-color: aqua; } div span{ background-color: red; } #c2,.c3,p{ background-color: black; color: white; } input[type="test"]{ width: 100px; height: 200px; } </style> </head> <body> <div id="i1">id選擇器屬性</div> <div class="c1">class選擇器屬性</div> <span>標簽選擇器屬性</span> <div><span>層級選擇器</span></div> <div id="c2">組合選擇器的c2</div> <p>組合選擇器的p</p> <div class="c3">組合選擇器的.c3</div> <input type="test"> </body> </html>
展示
HTML 之 CSS選擇器