黄劲凯day7笔记

CSS复合选择器

1.  标签指定式选择器


2.  后代选择器


3. 并集选择器

4. 子元素选择器


5. 属性选择器


6.  CSS伪类选择器


CSS层叠性和继承性

所谓层叠性是指多种CSS样式的叠加。例如,当使用内嵌式CSS样式表定义标记字号大小为12像素,链入式定义标记颜色为红色,那么段落文本将显示为12像素红色,即这两种样式产生了叠加。

所谓继承性是指书写CSS样式表时,子标记会继承父标记的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需将它应用于父元素即可。

所有文字相关的CSS属性可以继承:例如 color、text系列、font系列、link系列、cursor

并不是所有的CSS属性都可以继承,例如边框、外边距、内边距、背景、定位、元素宽高属性不可以继承。

CSS的优先级

层叠性是指样式的优先级相同的情况下才会考虑

行内样式 > ID选择器 > 类选择器 > 标签选择器

继承样式优先级大于浏览器默认样式

通配符选择器的样式优先级比继承样式的优先级要高

标签选择器优先级高于通配符选择器的优先级

类选择器样式优先级要高于标签选择器的优先级

ID选择器的优先级高于类选择器优先级

行内样式优先级大于ID选择器的优先级


复合选择器比较优先级规则:

先比较行内选择器,然后是ID选择器,再到类选择器,再到标签选择器,然后是通配符选择器,最后是继承选择器。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,685评论 32 459
  • 简介网络浏览器很可能是使用最广的软件。在这篇入门文章中,我将会介绍它们的幕后工作原理。我们会了解到,从您在地址栏输...
    wengjq阅读 6,288评论 2 15
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,870评论 0 6
  • 之前写过温哥华捕蟹记,捕了两次,每次十几分钟拉网起来就有十来只,但是没有一只达到法定尺寸的,一无所获。今天到西雅图...
    华杉2009阅读 5,459评论 4 14