包含css选择器不包含和子css选择器不包含的区别对比

认识css中的所有选择器_百度文库
您的浏览器Javascript被禁用,需开启后体验完整功能,
享专业文档下载特权
&赠共享文档下载特权
&10W篇文档免费专享
&每天抽奖多种福利
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
认识css中的所有选择器
&&总结一下css中的所有选择器
阅读已结束,下载本文需要
想免费下载本文?
定制HR最喜欢的简历
你可能喜欢包含(后代)选择器 - 简书
包含(后代)选择器
包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如代码:.first
span{color:}请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“&”进行选择。总结:&作用于元素的第一代后代,空格作用于元素的所有后代。
如鲸向海,似鸟投林
CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动相对定位与绝对定位布局初探 CSS基础知识 认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTM...
本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 如下列代码: 使用CSS样式的一个好处是通过定义某个样式...
一、CSS选择器常见的有几种? 基本选择器 通配选择器~选择文档中所有的html元素,用一个*表示 元素选择器~选择指定类型的的html元素 ID选择器~选择指定ID属性值为&id&的html元素,选择的时候前面加上一个#号 类选择器~选择指定class属性值为&class...
转至 http://www.360doc.com/content/16/490.shtmljQuery选择器一、基本分类jQuery选择器大致可以分为两类,基本选择器和过滤选择器,总体结构体系如下: 二、基本选择器基本选择器又可...
认识css CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。如下列代码: p{font-size:12color:font-weight:}...
作者/齐天 01 冬未至 我的心 便结上了一层厚厚的冰 02 你总说再见 我路过全世界 也没再遇见 03 我们生活在不同的城市 但一颗爱你的心 拉进了彼此的距离 04 你说你想要过诗意的生活 从此我阅卷万章 为你写诗 05 分别后 你说终有一个人会陪着我 是啊,那个人便是我...
做人最重要的是开心吗? 好像不是,还是要看别人脸色的。 一直标榜放荡不羁爱自由如我们,为什么要屈服? 事实上,我羞愧,因为细想起来,察言观色已经在我大脑的快系统中,形成了一个惯常行为,想想与你的衣食住行产生有效连接的人,有哪一个是你能逃避的了的? 在家看父母兄弟的脸色,讲话...
她是我年轻时候的梦想,中年时候的期望,年老时候的追忆,是我穷尽一生而不可得的光芒。 所以夜明珠再也不会亮了。 ——《遥不可待》在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
在多重信息列表中,样式设置为改变文本颜色,字体大小等,子选择器和后代选择器效果一样;而样式设置为文本加上边框,子选择器和后代选择器效果就不同了,这是为什么呢?
1.设置字体颜色,字体大小(两个选择器效果相同)
1.1子选择器
.sonSelector&li{
font-size: 18
----------
&ul class="sonSelector"&
&li&中国作家
&li&朱自清&/li&
&li&莫言&/li&
&li&外国作家
&li&马克吐温&/li&
&li&托尔斯泰&/li&
子选择器改变的只是第一层&li&的样式,也就是“中国作家”,“外国作家”这两条字体大小,颜色改变,这没有问题,问题在于里层的&li&列表为什么也变了???
1.2后代选择器(两个选择器效果不同)
.posteritySelector li{
font-size: 18
----------
&ul class="posteritySelector"&
&li&中国作家
&li&朱自清&/li&
&li&莫言&/li&
&li&外国作家
&li&马克吐温&/li&
&li&托尔斯泰&/li&
2.设置字体边框
2.1子选择器
.sonSelector&li{
----------
&ul class="sonSelector"&
&li&中国作家
&li&朱自清&/li&
&li&莫言&/li&
&li&外国作家
&li&马克吐温&/li&
&li&托尔斯泰&/li&
2.2后代选择器
.posteritySelector li{
----------
&ul class="posteritySelector"&
&li&中国作家
&li&朱自清&/li&
&li&莫言&/li&
&li&外国作家
&li&马克吐温&/li&
&li&托尔斯泰&/li&
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
关于子选择器和后代选择器的区别,@止醉大神已经说的很形象很清楚
【此疑问解答】子元素会继承部分父元素的属性,color可以继承,而border不能继承,这区别也就造成了1.1的运行结果,子选择器的样式确实直接作用与第一层的&li&,而此样式的属性为color,所以能被第二层的&li&元素继承;至于2.1和2.2的运行结果不同是因为:border属性不能被子元素继承!【表达可能不规范,大概意思如此】
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。css关于类选择器和标签选择器的区别
[问题点数:40分,结帖人fulans]
本版专家分:40
结帖率 100%
CSDN今日推荐
本版专家分:5032
本版专家分:40
结帖率 100%
本版专家分:5989
2013年7月 荣获微软MVP称号2012年7月 荣获微软MVP称号
2011年12月 .NET技术大版内专家分月排行榜第三
本版专家分:40
结帖率 100%
本版专家分:42492
2011年7月 Web 开发大版内专家分月排行榜第一
2011年6月 Web 开发大版内专家分月排行榜第二
本版专家分:40
结帖率 100%
本版专家分:40
结帖率 100%
本版专家分:40
结帖率 100%
匿名用户不能发表回复!|
CSDN今日推荐

我要回帖

更多关于 jq 选择器 包含 的文章

 

随机推荐