CSS选择器(二)

作者: 前端梵风 | 来源:发表于2017-08-08 11:52 被阅读6次

前面我们讲了css选择器的种类,现在来说说css选择器的规则。

一,css的级联规则

很多时候有几个css规则应用在同一个元素上,那么这时候就要理解级联规则了。

1.就近原则:如果两个或者更多个选择器相同,那么后出现的选择器优先级较高(后面的选择器将会被应用)。

2.具体性原则:如果一个选择器比其他选择器更加具体,那么具体的选择器优先于一般的选择器,如元素选择器比通用选择器具体。

3.重要性:可以在选择器的属性值后面加上!important来强调这条规则比应用于同一元素的其他规则更重要。

二,继承

1.如果父元素应用了css规则,那父元素下的子元素也被强制使用此规则。

2.注意:background-color属性和border属性不能被子元素继承。

3.可将属性值设置为inherit,这样就可以强制大多数元素继承父元素的属性值。

OK,我们就讲完了喔。期待下一篇文章吧!

相关文章

  • jQuery选择器

    一 css选择器回顾 二 jQuery基本选择器 规律:$(selector).css(“background”,...

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • 类选择器 ID选择器 后代选择器 子元素选择器 交集选择器 并集

    一、类选择器.类选器名称{css样式代码;} 二、ID选择器。 ID选择器名称{css样式代码;} 三、后代选择器...

  • Python -day-21常用标签及CSS

    一、表单标签 二、空白标签 三、认识CSS 四、CSS选择器 五、伪类选择器

  • CSS选择器

    目录: CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...

  • JAVA 之 CSS知识框架

    一、css的简介 二、css选择器 三、css属性 四、css盒子模型

  • css选择器

    一、基本选择器 实例: 二、多元素的组合选择器 实例: CSS 2.1 属性选择器 实例: CSS 2.1中的伪类...

  • CSS

    一、CSS样式 外链样式: 页内样式: 行内样式: 二、CSS选择器: 4种基础选择器:标签选择器、class选择...

  • day_021 web基础2

    一、input 二、表单标签 三、空白标签 四、认识css 五、css选择器 六、伪类选择器

  • css选择器

    css选择器】 1.css属性选择器 2.css伪类选择器 3.css层次选择器

网友评论

    本文标题:CSS选择器(二)

    本文链接:https://www.haomeiwen.com/subject/pektrxtx.html