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

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();
时间: 2024-10-10 15:16:58

css的基本选择器 和设置cookie的一些代码的相关文章

CodeIgniter删除和设置Cookie

CodeIgniter删除和设置Cookie的方法代码: $cookie = array(   'name'  => 'loggedin',   'value' => 'yes',   'expire' => '86500',   'domain' => '.apol0829.dev',   'prefix' => 'apollidon_'   ); set_cookie($cookie); $cookie = array(   'name'  => 'loggedin

(2)css的复合选择器与特性

css的复合选择器与特性 在本篇学习资料中,将深入了解css的相关概念,上一篇介绍的3种基本选择器的基础上,学习3种由基本选择器复合构成的选择器,然后再介绍css的两个重要的特性. 1.复合选择器 复合选择器就是两个或多个基本选择器,通过不同的方式连接成的选择器. 复合选择器的三种类型:交集选择器.并集选择器.后代选择器. (1)交集选择器 “交集”复合选择器由两个选择器直接连接构成:其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器:这两个选择器之间不能有空格. 例如:下图声明了

JS通过设置cookie来控制弹出层,首次打开页面显示弹出层

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>JS通过设置cookie来控制弹出层,首次打开页面显示弹出层,刷新页面不再显示:关闭浏览器重新打开.清除缓存cookie显示.</title&

CSS伪类选择器active模拟JavaScript点击事件

一.说明 设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式. IE7及更早浏览器只支持a元素的:active,从IE8开始支持其它元素的:active. 另:如果需要给超链接定义:访问前,鼠标悬停,当前被点击,已访问这4种伪类效果,而又没有按照一致的书写顺序,不同的浏览器可能会有不同的表现.超链接的4种状态,需要有特定的书写顺序才能生效.注意,a:hover必须位于a:link和a:visited之后,a:active必须位于a:hover之后.可靠的顺序是:l(link)ov(v

CSS之后代选择器与多类选择器

<新人报到,欢迎拍砖#- -> 一.后代选择器 说起CSS的后代选择器.它属于派生选择器中的一种,两者附属关系如下: -->派生选择器 ----CSS 后代选择器 ----CSS 子元素选择器 ----CSS 相邻兄弟选择器 那么问题来了,什么时候需要用到后代选择器嘞?假设你需要为p元素中的span元素(.A类)设置特殊样式,可以用后代选择器选择该元素: /*方式1*/p span{...}/*方式2*/p .A{...} 注意,上述代码的两个选择器间以空格空格空格分隔.另外,后代选择器

css中的选择器

1.在html中引入css的方法:四种方式: a.行内式(也称内联式) 如: <h1 style="color:red;test</h1> b.内嵌式 <style type="text/css"> h1{ color:red; font-size: 10.5pt; font-family: Calibri, sans-serif; line-height: normal; widows: auto;">             

CSS实现和选择器

CSS实现和选择器 本课内容: 一.实现CSS四种方式 1,每个html标签中都有一个style样式属性,该属性的值就是css代码.(针对一个标签)2,使用style标签的方式. 一般都定义在head标签中.(针对多个相同的标签)3,当多个页面使用相同样式时,可将样式单独封装为CSS文件导入 <style type="text/css">@import url("1.css");</style>4,通过HTML头标签中的link标签链接一个C

JS设置cookie

cookie 与 session 是网页开发中常用的信息存储方式.Cookie是在客户端开辟的一块可存储用户信息的地方:Session是在服务器内存中开辟的一块存储用户信息的地方. JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的. 而cookie是运行在客户端的,所以可以用JS来设置cookie. 首先需要稍微了解一下cookie的结构,简单地说:cookie是以键值对的形式保存的,即key=value的格式.各个cookie

CSS:id选择器的使用

本文介绍css中id选择器的基本用法:为某个特定的标签内容设置属性. 代码整理自w3school:http://www.w3school.com.cn <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <meta http-equi