css选择符优先级有哪些？优先级是怎么的

来源：蜘蛛抓取(WebSpider) 时间：2016-04-25 01:44 标签： css选择器优先级顺序
CSS教程的小节中简单讲解了CSS选择符的定义与用法，例如类型选择符、类选择符、ID选择符，以及选择符如何使用到HTML文档中
CSS选择符还有很多种变化方式，本章将详细介绍所有的CSS选择符的定义、语法，其中部分CSS选择符是CSS3定义的，某些浏览器还不能完善支持
微软的IE浏览器对CSS选择符支持的不够完善，尤其IE6浏览器很多CSS选择符不支持，最新版本Firefox、Opera、Safari、Chrome浏览器，对CSS选择符支持较好
目前的CSS选择符为应用文档样式提供了更多的灵活性与方法。CSS2极大的扩充了CSS1定义的选择符，CSS3又增加了更多的选择符与伪类。（由于部分CSS3选择符、伪类与伪元素某些浏览器不支持，这里只简单介绍）
本节我们将学到：
选择符的语法选择符的简写方式HTML元素的包含与排列关系全局选择符(Universal selector)类型选择符(Type selectors)类选择符与ID选择符组合选择符，包含选择符（Descendant selectors），子对象选择符（Child selectors），直接相邻选择符（Adjacent sibling combinator），普通相邻选择符（General sibling combinator）属性名选择符、属性值选择符与属性值子串选择符
14 CSS选择符
教程中有什么不懂的地方？发现教程的错误！对教程有什么建议！快快联系猴子呀，:)关注前端开发微信微信号web007007
好的代码像首诗，烂的代码像坨屎
css选择符有哪些？优先级是怎么的？
1、通配（*），表示页面内所有元素的样式。
font-family:Verdana, Geneva, sans-
font-size:12
2、类型。是指以网页中已有的标签类型作为名称的，例如body、div、p、span等。
font-family:Verdana, Geneva, sans-
font-size:12
所有的页面元素都可以作为。
3、群组，如果要对一组对象同时进行相同的样式指派，只需要使用“,”逗号，对进行分割即可。这种方法的优点是对于同样的样式只需书写一次就可以了，减少代码量，改善了CSS代码结构。
a:link,a:visited
color:#000;
4、包含选择符对某对象中的子对象进行样式指派。
#header .top(“header” id下的”top” class。)
5、id选择符
6、class选择符，比较常用了，可以在页面中重复使用。
此外还有这样的写法
*html IE6专用hack
*+html IE7专用hack
#ID & .class & 标签选择符
本文固定链接:
【上一篇】【下一篇】
您可能还会对这些文章感兴趣！> web前端考试题
web前端考试题
wu30wu00018 & &
发布时间： & &
浏览：202 & &
回复：0 & &
悬赏：0.0希赛币
web前端试题
一，CSS引入的方式有哪些
link和@import的区别是
引入方式：1，使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。 2，使用STYLE标签： 将样式规则写在&STYLE&...&/STYLE&标签之中。 3，使用 LINK标签： 将样式规则写在.css的样式文件中，再以&LINK&标签引入。4，使用@import引入： 跟LINK用法很像，但必须放在&STYLE&...&/STYLE& 中。区别：1，link属于XHTML标签，而@import完全是CSS提供的一种方式。2，加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。3，兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。4，使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。 二，内联元素有哪些？块级元素有哪些？CSS的盒模型？ 内联元素(inline element) * a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用 * code - 计算机代码(在引用源码的时候需要) * dfn - 定义字段 * em - 强调 * font - 字体设定(不推荐) * i - 斜体 * img - 图片 * input - 输入框 * kbd - 定义键盘文本 * label - 表格标签 * q - 短引用 * s - 中划线(不推荐) * samp - 定义范例计算机代码 * select - 项目选择 * small - 小字体文本 * span - 常用内联容器，定义文本内区块 * strike - 中划线 * strong - 粗体强调 * sub - 下标 * sup - 上标 * textarea - 多行文本输入框 * tt - 电传文本 * u - 下划线 * var - 定义变量 块级元素(block element) * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易，也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form - 交互表单 * h1 - 大标题 * h2 - 副标题 * h3 - 3级标题 * h4 - 4级标题 * h5 - 5级标题 * h6 - 6级标题 * hr - 水平分隔线 * isindex - input prompt * menu - 菜单列表 * noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容 * noscript - ）可选脚本内容（对于不支持script的浏览器显示此内容） * ol - 排序表单 * p - 段落 * pre - 格式化文本 * table - 表格 * ul - 非排序列表。至于盒模型 ：用自己的话解释吧，不哆嗦了！ 三，CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？ CSS选择符：1，标签选择符；2，类选择符；3，ID选择符；哪些属性可以继承：color,font,酌情添加吧！不能继承的有width,height,border,margin,padding……优先级算法如何计算：按经验来了，呵呵！ 四：css的基本语句构成是？ 选择器{属性1:值1;属性2:值2;……} 五，你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么 使用Trident内核的浏览器：IE、Maxthon、TT；使用Gecko内核的浏览器：Netcape6及以上版本、FireFox；使用Presto内核的浏览器：Opera7及以上版本；使用Webkit内核的浏览器：Safari、Chrome。
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?(CSS笔试题,有答案) - 大知乎
CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
您还没有登录，发表评论请或
类型：笔试题
玩命加载...
沪ICP备号-7
大知乎是一个在线笔试面试题库，它展示的不仅仅是题目，我们更愿意把这个网站当做一个知识库，让你了解掌握最新的IT知识。

我要回帖

更多关于 css选择器优先级顺序 的文章

 

随机推荐