CSS选择器分类总结】的更多相关文章

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权威指南>,对选择器有如下整理: selector 本质上是执行元素样式匹配规则,我们可以利用它来限定某些元素 选择器类型: <!-- 实体,即HTML中存在 --> 1.通配选择器 * 匹配任意 2.元素选择器 p 3.类选择器 .class 4.ID选择器 #id 5.属性选择器 element[rep] (不常用) <!-- 虚体,即HTML本身不存在 --> 1.伪类(一些在某种行为会被自动定义的类,有点类似游览器会自动帮我管理这些内置类) <…
一,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选择器的分类: 二.常用选择器详解: 1.标签选择器: 语法: 标签名 { 属性:属性值; } 代码示例: h1 { color: #ccc; font-size: 28px; } 2.类选择器: 语法: .类名 { 属性:属性值: } 代码示例: .top { margin-top:25px; } <div class="top"></div> 3.id选择器: 语法: #ID名称 { 属性:属性值; } 代码示例: #top { padding-t…
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有三种书写形式(优先级从高到低) 1)行内样式:(内联样式)直接在标签style属性中书写 2)内页样式:在本网页的style标签中书写 3)外部样式:在单独的CSS文件中书写,然后在网页中用link标签引用 二:CSS选择器: CSS选择器作用:选择对应的标签,为之添加样式 标签选择器:根据标签名找到标签 类标签选择器:书写规范  以class=“类名”分类  .类名的方式选择 id选择器:书写规范 id=“id名称”划分id #id名称的方式选择 群组选择器:把要选择的类型…