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=http://www.mamicode.com/‘‘;
    cookie.forEach(function(val,index){
        if(val.split(‘=‘)[0]==‘name3‘){
            value=http://www.mamicode.com/val.split(‘=‘)[1];
        }
    });
    console.log(value);

    /**
     * 删除cookie
     * @type {string}
     * @name  需要删除的cookie 名字
     * toGMTString()  注意：时间格式最后一定要用这个方法转换
     */
    document.cookie=‘name="";expires=‘+new Date().toGMTString();

css的基本选择器 和设置cookie的一些代码