ID選擇器：#header {}
類選擇器：.header {}
元素選擇器：div {}
子選擇器：ul > li {}
後代選擇器：div p {}
偽類選擇器：a:hover {}
屬性選擇器：input[type="text"] {}
id優先級高於類class；
後面的樣式覆蓋前面的；
指定的高於繼承；

// 設置帶過期時間的cookie
    var date=new Date();
    var d=new Date(date.setTime(date.getTime()+10000));

//toGMTString()前面的調用者必須是時間對象
    document.cookie=‘name1=haa1;expires=‘+ d.toGMTString();
    document.cookie=‘name2=haa2;expires=‘+ d.toGMTString();
    document.cookie=‘name3=haa3;expires=‘+ d.toGMTString();

//獲取cookie
    var cookie=document.cookie.split(‘:‘);
    var value=‘‘;
    cookie.forEach(function(val,index){
        if(val.split(‘=‘)[0]==‘name3‘){
            value=val.split(‘=‘)[1];
        }
    });
    console.log(value);

    /**
     * 刪除cookie
     * @type {string}
     * @name  需要刪除的cookie 名字
     * toGMTString()  註意：時間格式最後一定要用這個方法轉換
     */
    document.cookie=‘name="";expires=‘+new Date().toGMTString();

css的基本選擇器 和設置cookie的一些代碼