css2---选择器

常用选择器,6种,分别是---全局选择器,标签选择器,id选择器,class选择器,复合选择器(空格---.号---,号),a:状态选择器

全局选择器

*{

background:src(1.jpg);

}

标签选择器

p{

background-color:red;

}

id选择器

#id1{

background-attachment:fixed;

}

class选择器

.class1{

background-repeat:no-repeat;

}

复合选择器

1,逗号隔开,表示并列

p,h1,span{

background-image:1.jpg;

}

2,用空格隔开,表示后代

div  p{

background-position:center;

}

3,用点号隔开,表示筛选class

p.class2{

backgound-attachment:scroll;

}

未点击的链接

a:link{

background-color:yellow;

}

已经点击的链接

a:visited{

background-color:green;

}

链接按下时

a:active{

background-color:black;

}

鼠标放在链接上

a:hover{

background-color:blue;

}

时间: 2024-10-10 06:29:28

css2---选择器的相关文章

CSS1,CSS2选择器详解

第一.CSS1选择器: 1.元素选择器(也叫标签选择器,是最基本的选择器) <style> html{background-color: red;} div{background-color: yellow;} </style> 2.ID选择器(id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义) <style> #boxl{color:blue;} </style> 2.1.结合元素的I

css2选择器

CSS1&2元素选择器 选择符  类型  版本  简介 * 通配选择符 CSS2 所有元素对象. E 类型(HTML)选择符 CSS1 以文档语言对象类型作为选择符. E#myid id选择符 CSS1 以唯一标识符id属性等于myid的E对象作为选择符. E.myclass class选择符 CSS1 以class属性包含myclass的E对象作为选择符. 备注:E 是Element的缩写,表示元素的意思 CSS1&2关系选择器 选择符 类型 版本 简介 E F 包含选择符 CSS1 选

CSS2相关实用知识点

CSS相关知识回顾目录 CSS2选择器 假选择器的使用 属性选择器的使用 边框设置 背景设置 字体设置 文本属性 a标签假选择器使用 列表设置 表格设置 鼠标设置 单位设置 隐藏显示 位置设置 清除浮动 假元素的使用 媒体类型 CSS相关知识回顾 CSS2选择器 * 通配符选择器 div 元素选择器 #box id选择器 .box 类选择器 p.box 交集选择器 div p 后代选择器 ui > li 子代选择器 p + div 亲兄弟选择器,选择p标签后面紧挨着的div元素 p ~ div

第十三章 脚本化文档

客户端javascript存在使得静态的html文档编程了交互式的web应用.校本化web页面内容是javascript的核心目标.本章———本书最重要的章节之一,阐述了它是如何做到的客户端javascript的存在使得静态的html文档变成了交互式的web应用.校本化web页面javascript核心目标.本章将阐述它是如何做到的. 第11章和12章解释了每一个web浏览器窗口.标签也和框架由一个window对象所示.每个window对象有一个document对象,document对象表示窗口

js原生dom方法总结

1.document document方法getElementById (Node)返回指定节点的引用getElementsByTagName (NodeList)返回文档中所有匹配元素的集合querySelector (Node)返回与选择器匹配的首个节点 (ie8+)querySelectorAll (Node)返回与选择器匹配的所有节点 (ie8+),其中ie8中选择器只支持css2选择器createElement(name) (Node)返回新建的节点createTextNode(tex

脚本化文档

每个Window对象有一个document属性引用了Document对象.Document对象表示窗口的内容.它并非独立的,它是一个巨大的API中的核心对象,叫做文档对象模式DOM,它代表和操作文档的内容. 文档对象模式DOM是表示和操作HTML和XML文档内容的基础API.HTML文档的树状结构包含表示HTML标签或元素(如<body><p>)和表示文本字符串的节点,它也可能包含表示HTML注释的节点 每个方框是文档的一个节点,它表示一个Node对象.我们将在后续几节中讨论nod

素定位器(ElementLocators)

元素定位器(ElementLocators)告诉Selenium是向HTML中的哪一个元素发送命令.一个定位器的格式如下:locatorType=argument我们支持如下写法用于定位元素:·identifier=id :根据指定的@id属性选择元素.如果没有匹配的值,则选择第一个@name属性为id的元素. (参照后面)·id=id :根据指定的@id属性选择元素.·name=name :选择第一个根据指定的@name所查找到的元素.〇 username〇 name=username这里的n

脚本化文档(一)

getElementById():Document对象的该方法通过id获取元素,在低于IE8版本的浏览器中,getElementById()对匹配元素的ID不区分大小写,而且也返回匹配name属性的元素. getElementsByName():Document对象的该方法通过name属性获取html元素,该函数定义在HTMLDocument类中,而不在Document类中,所以它只针对HTML文档可用,在XML文档中不可用.,在IE中,getElementsByName()也返回id属性匹配指

锋利的jquery第二版学习笔记

jquery系统学习笔记 一.初识:jquery的优势:1.轻量级(压缩后不到30KB)2.强大的选择器(支持css1.css2选择器的全部 css3的大部分 以及一些独创的 加入插件的话还可支持XPath)3.出色的Dom封装(简化原本复杂的操作)4.可靠的事件处理机制(跨浏览器兼容性)5.完善的Ajax操作(一个$.ajax()方法全部搞定)6.不污染顶级变量(只使用了一个名为jQuery的对象 其别名$也可随时让出其控制权 见解决和其它库混用时解决冲突部分)7.出色的浏览器兼容性(优秀的j

如何用CSS进行开发

翻译自:How to Develop with CSS 很多web开发人员都知道CSS,但是他们很可能认为使用CSS的应用代码就是这样的: <p> <span style="font-weight:bold;font-family:Arial">Welcome!</span> </p> 或者是这样的: <table class="middle grey"><tr> <td class=&q