CSS 層級選擇器
注：使用空格分隔，塞選到最后一項應用。
標簽選擇器 下 標簽選擇器
父標簽 --> 指定子標簽添加css屬性
<html> <head> <!-- style 設置頭部標簽--> <style> /*只應用於span標簽下的div標簽*/ span div{ /* 改變背景顏色 */ background-color: #2459a2; /* 改變字體顏色 */ color: white; } </style> </head> <body> <span> <div>1</div> <div>1</div> </span> </body> </html>
class選擇器 下 標簽選擇器
含“c1”class屬性的標簽 --> 內的div標簽設置css樣式
<html> <head> <!-- style 設置頭部標簽 --> <style> /*含有.c1樣式下的div標簽有效 */ .c1 div{ /* 改變背景顏色 */ background-color: #2459a2; /* 改變字體顏色 */ color: white; } </style> </head> <body> <span class="c1"> <div>1</div> <div>1</div> </span> </body> </html>