读完<CSS权威指南>,对选择器有如下整理: selector 本质上是执行元素样式匹配规则,我们可以利用它来限定某些元素 选择器类型: <!-- 实体,即HTML中存在 --> 1.通配选择器 * 匹配任意 2.元素选择器 p 3.类选择器 .class 4.ID选择器 #id 5.属性选择器 element[rep] (不常用) <!-- 虚体,即HTML本身不存在 --> 1.伪类(一些在某种行为会被自动定义的类,有点类似游览器会自动帮我管理这些内置类) <…

css选择器大致可以分为10大类: 1.元素选择器 如:p{} 2.类选择器 如:.xx{} 3.ID选择器 如:#xx{} 4.关联选择器 如:p a{} 5.子元素选择器 如:p>a{} 6.相邻兄弟选择器 如:p+a{},匹配的是紧邻p元素后面的a元素 7.组合选择器 如:p,a{} 8.元素选择器 如:img[alt],匹配包含alt属性的img元素 9.伪类选择器 如:a:hover{} 10.伪元素选择器 伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 c…

一.选择器语法及其意义(pattern and meaning) Pattern Meaning CSS level E an element of type E 标记选择器,匹配所有标签名为E的元素 1 E:link E:visited an E element being the source anchor of a hyperlink of which the target is not yet visited (:link) or already visited (:visited) 伪…

本文旨在总结css中各种选择器及其相应用途(持续更新) 通配符(全局)选择器 样式:*{} 示例: 总结:选定文档中所有类型的对象,如图所示写在css样式文件开头用来定义全局通用的一些属性.font-family:定义三种基本的字体类型:margin.padding:将内外边距归零,以防与之后样式发生冲突: font-size:定义基本字号. 元素(类型)选择器 样式:E{} 示例: 首先编写如下内容:三段文字用了不同的类型定义 然后用元素选择器对需要的类型加上红色效果: 显示结果: 现将元素类…

一,CSS选择器分类 二,选择器语法 1,基本选择器语法 选择器 类型 功能描述 *  通配选择器  选择文档中所以HTML元素 E  元素选择器 选择指定类型的HTML元素 #id  ID选择器 选择指定ID属性值为“id”的任意类型元素 .class  类选择器 选择指定class属性值为“class”的任意类型的任意多个元素 selector1,selectorN  群组选择器 将每一个选择器匹配的元素集合并 2,层次选择器语法 选择器 类型 功能描述 E  F 后代选择器(包含选择器)…

CSS选择器分类: CSS的选择器分类可以分为三大类:id选择器,类选择器,标签选择器. 用法如下: 选择器   e.g. 说明 id选择器 #id #header 选择id="header"的所有元素 类选择器 .class .message 选择class="message"的所有元素 标签选择器 el div 选择所有的div元素 其中他们又可以以不同的方式进行组合,如下: 选择器   e.g. 说明 后代选择器 el el div p 选择div元素内部的所…

首先声明一下CSS三大特性—— 继承. 优先级和层叠.继承即子类元素继承父类的样式;优先级是指不同类别样式的权重比较;层叠是说当数量相同时,通过层叠(后者覆盖前者)的样式. css选择符分类 首先来看一下css选择符(css选择器)有哪些? 1.标签选择器(如:body,div,p,ul,li) 2.类选择器(如:class="head",class="head_logo") 3.ID选择器(如:id="name",id="name_t…

css选择器的使用…

选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素. 1 #id #firstname 选择 id="firstname" 的所有元素. 1 * * 选择所有元素. 2 element p 选择所有 <p> 元素. 1 element,element div,p 选择所有 <div> 元素和所有 <p> 元素. 1 element element div p 选择 <di…

时间:2015.05.11 参考附件:css选择器.xmind(网友共享) 查看链接:http://www.w3school.com.cn/cssref/css_selectors.asp   http://www.ruanyifeng.com/blog/2009/03/css_selectors.html…