【day65-CSS选择器和样式优先级】的更多相关文章

Css - 选择器和样式

Css - 选择器和样式 标签选择器 即使用html标签作为选择对象 <style>     div{ background:red; } </style> <div>s</div> 类名选择器 html标签的类名由class属性指定,通过使用.class类名的形式可以选择指定的元素对象,可以为一个html标签指定多个class类名,每个类名以空格隔开即可. <style>     .box{ background:red; } </sty…

CSS权重及样式优先级问题

CSS权重值计算 一条样式规则的整体权重值包含四个独立的部分:[A, B, C, D]; (1) A 表示内联样式(写在标签的style属性中),只有 1 或者 0 两个值:对于内联样式,由于没有选择器,所以 B.C.D 的值都为 0,即 A=1, B=0, C=0, D=0(简写为 1,0,0,0,下同). (2)B 表示规则中 ID 的数量:(如,#header 这样的选择器,计算为 0, 1, 0, 0). (3)C 表示规则中除了 ID.标签和伪元素以外的其它选择器数量,包括类选择器.属…

HTML|CSS之CSS选择器及样式

知识内容: 1.CSS选择器 2.CSS常用样式 参考:http://www.cnblogs.com/yuanchenqi/articles/5977825.html 一.CSS选择器 1.基础选择器 通用元素选择器 *:  匹配任意元素 标签选择器:匹配所有指定标签的样式 id选择器:根据指定的id匹配标签 class类选择器:根据指定的class匹配标签 注:  可以对块级标签设置长宽,不可以对内联标签设长宽(它只会根据他的文字大小来变):另外一个id只能作用于一个标签,一个class可以作…

day65-CSS选择器和样式优先级

1. CSS CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). 2.CSS语法 每个CSS样式由两个组成部分:选择器和样式.样式又包括属性和属性值.每个样式之后用分号结束. 选择器 {样式1;样式2} 或者 选择器 {属性1:值1  ;  属性2:值2} p { color:red ; font-size:18px } 3.CSS注释 /*这是注释*/ 4.CSS的3种引入方式 4…

CSS选择器整理以及优先级介绍

一.基础选择器 选择器 名称 描述 兼容性 * 通配选择器 选择所有的元素 ie6+ E 元素选择器 选择指定的元素 ie6+ #idName id选择器 选择id属性等于idName的元素 ie6+ .className class选择器 选择class属性包含className的元素 ie6+ 二.关系选择器 选择器 名称 描述 兼容性 E F 后代选择器 选择所有包含在E元素里面的F元素 ie7+ E>F 子选择器 选择所有作为E元素的子元素F ie7+ E+F 相邻选择器 选择紧贴在E元…

CSS - 权重，样式优先级

关于CSS权重,一套计算公式来去计算,就是 CSS Specificity,我们称为CSS 特性或称非凡性,它是一个衡量CSS值优先级的一个标准. 遇到样式应用问题,计算一下权重就知道优先级. 具体规范入如下: specificity用一个四位的数 字串(CSS2是三位)来表示,更像四个级别,值从左到右,左面的最大,一级大于一级,数位之间没有进制,级别之间不可超越. 继承或者* 的贡献值 0,0,0,0 每个元素(标签)贡献值为 0,0,0,1 每个类,伪类贡献值为 0,0,1,0 每个ID贡献…

CSS选择器、样式、盒模型

一.CSS基础选择器 # 1.*(通配选择器):html,body以及body下用于显示的标签 #html和body颜色会被改变,但是div标签不会发生改变,由于不同的选择器具有优先级 # 语法:* {样式块} # 2.标签名(标签选择器):该标签对应的所有该标签 # 在实际开发中,尽量少用或不用标签名来作为选择器,标签名如果作为选择器的话一般在该标签为最内层(语义|功能)标签 # 语法:标签名 {样式块} # 3. .类名(class选择器):对应该类名的所有标签 # 语法:. {样式块} #…

关于css里决定样式优先级的权重

最近学css样式,优先级有点繁琐,简单记录一下. css中的优先级规则为: 有!important的最优先: 其次权重高的优先: 权重相同则后定义优先,会覆盖前面的. 至于权重: #id 为100: class类或伪类.属性选择器为10: 标签选择器为1 内联样式style= 为1000. 所以有上图的权重值. 至于继承,谁在body中更靠近p标签就用谁,若靠近程度一样,则继续用权重比较. <!DOCTYPE html> <html lang="en"> <…

css调试与样式优先级

如何查看一个标签的当前css样式 如上图所示 先用标签选择器选择某个标签 然后在elements区域就会自动找到该标签 然后在右侧的styles区域整个区域都是该标签的样式,从上到下是显示的优先级,被划掉的Style就是说明是被另一个样式覆盖了 把鼠标移动到style的样式上,会在每个样式上显示一个复选框,点击选中或者不选中就能本地调试样式 还能自己手动在element.style{}里面写上样式,element.style区域的css样式就是行内样式的意思,是最高级的样式 还能看到该样式的文件…

css选择器，样式表导入

css笔记1.选择器(selecter)共9种 a.类型选择器 p{},body{} b.后代选择器 p h1{} c.ID选择 #idname{} d.类选择 .classname{} e.通用选择 *{} 页面上所有元素应用样式,利用此可以删除每个元素上默认 浏览器的填充和空白边.可以用来对特定元素的所有后代应用样式,或跳过一级后代 f.伪类选择 a:link{} g.高级选择器 IE6及更低版本不支持,避免在对于站点功能重要的使用高级选择器. 1.子选择器和相邻同胞选择器 子选择器选择元素…