選取器(Selectors)討論

選取器運用

 

一、前置作業:

 

Step1:練習1:讓list清單的項目在方框內

CSS美化
美化結果

Step2:練習2:將li改為矩形方框

將li改為矩形方框
 

CSS美化結果

二、運用JQ,進行化美化:

說明1:選取項目為【常數】

JQ程式

 

美化結果

說明2:選取項目為【變數】

JQ程式

美化結果

 

說明3:加入click事件

CSS美化

JQ程式

※JQ設定時,CSS設定若為空值,則顯示原來CSS值。

結果


END