最近在寫一個網站的靜態(tài)頁面钙态,開始了自學前端的編程知識绒尊。其中有關CSS選擇器幾點篮迎,搞了很久才搞明白形娇,特地記錄下來锰霜。
多類選擇器
如果希望將一個特定的元素同時標記為重要(important)和警告(warning),就可以寫作:
.important {font-weight:bold;}.
warning {font-style:italic;}.
important.warning {background:silver;}
記住桐早,important和warning之間是沒有空格的(如果有空格癣缅,那完全試另外一個意思了----后代選擇器)厨剪。
后代選擇器
如果您希望只對 h1 元素中的 em 元素應用樣式(不論下面多少個層級)。
h1 em {color:red;}
你要選擇important類下友存,warning類的所有元素祷膳,那就應該這樣:
important .warning {background:silver;} (記住中間有空格的哦)
子元素選擇器
如果不希望選擇所有后代,之選擇下面的直接后代爬立,那就應該這樣來寫钾唬。
h1 > em {color:red;}
`important > .warning {background:silver;}