CSS继承选择器与包含选择器的比较

作者：sagahu@163.com 日期：2011-12-21

CSS继承选择器与包含选择器的作用很像，其类似点主要有：

继承选择器的子孙元素可以继承到祖先元素的某些样式；而包含选择器的子元素可以得到其父元素的某些样式。
不是祖先元素/父元素的所有样式属性都能为子孙元素/被包含的子元素得到，只是某一些（可查阅相关资料）。

其不同点也有：

继承选择器的子孙元素无论是祖先元素的多少级子孙，都满足这种继承关系，因而可以继承到祖先元素的某些属性；而包含选择器的被包含子元素只能是被父元素直接包含，才是匹配那个包含选择器，因而才能得到那个选择器定义的某些样式。

例如：

p b { ... } // 标签b继承标签p定义的样式，无论标签b是标签p的多少级子孙都满足这个选择器定义。
p>b { ... } // 标签b是直接被标签p包含的，才能满足这个样式定义，得到这个选择器定义的样式。

转载于:https://www.cnblogs.com/sagahu/archive/2012/10/05/2711885.html

CSS继承选择器与包含选择器的比较相关推荐

通配符选择器/后代选择器（包含选择器）/选择器分组
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>通配符 ...
CSS选择器（id选择器，包含选择器，标签名选择器，类选择器，属性选择器，通配符选择器，伪类选择器，相邻选择器，选择器的优先级，子选择器）
CSS选择器 HTML:定义网页元素 CSS:美化网页元素,控制HTML标签展示样式 CSS与HTML相结合,结合方式如下: (1)内联样式:CSS代码复用性太低,书写凌乱,不推荐,缺点就是一次只能控 ...
CSS基本语法与基本选择器
CSS 什么是CSS? CSS的基本语法行内样式内部样式表外部样式表样式优先级 CSS基本选择器标签选择器类选择器 ID选择器三种选择器的优先级什么是CSS? css全称为层叠样式表或 ...
CSS（二）——复合选择器、元素显示模式、背景、三大特性
文章目录 *1.Emmet语法 *1.1 快速生成HTML结构语法 *1.2 快速生成CSS样式语法 1.CSS 的复合选择器 1.1 什么是复合选择器 1.2 后代选择器 (重要) 1.3子选择器( ...
css复合选择器和基础选择器、css三大特性
复合选择器在css中,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的. 常用的复合选择器:后代选择器.子选择器.并集选择器.伪类选择器 (1)后代选择器后代选择器又称为包含选择器,可 ...
CSS复合选择器（后代选择器、子元素选择器、并集选择器、伪类选择器、:focus伪类选择器）
复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的. 1. 后代选择器后代选择器又称为包含选择器作用:用来选择元素或元素组的子孙后代其写法就是把外层标签写在前面,内层标签写在后面,中间 ...
html的css样式中表示后代选择器,html添加css——样式选择器
如何给html添加样式.两种方法:css 1.新创建一个css样式表,与原html同目录,而后经过link标签连接.如:(link标签是一个void元素,无结束标签.)html 2.直接在html源码 ...
CSS基本知识之复合选择器、元素显示模式、背景图片位置，精灵图
CSS基本知识之复合选择器.元素显示模式.背景图片位置,精灵图一.复合选择器在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进 ...
CSS第四篇(复合选择器)
1.后代选择器概念:后代选择器又称为包含选择器作用:用于选择元素或元素的子孙后代,一个标签之后的所有标签都会选择写法:把外层标签写在前面,内层标签写在后面,中间用空格隔开父级子级{属性:属性 ...

CSS继承选择器与包含选择器的比较

CSS继承选择器与包含选择器的比较相关推荐

最新文章

热门文章