视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
一道考CSS的题目,求解(最好能说清为什么)_html/css_WEB-ITnose
2020-11-27 16:33:46 责编:小采
文档

Consider following markup text 
What colour will be applied to word "text" ?


回复讨论(解决方案)

div.main span {color:red} //所有DIV下一级class为main和所有是span元素字体颜色为red
span.important {color:green}//所有span的下一级class为 .important的元素字体颜色为green


然后代码是上往下运行 如果同个元素重复出现 最后显示的是最下面的CSS效果

然后代码是上往下运行 如果同个元素重复出现 最后显示的是最下面的CSS效果


答案是红色呀?
况且div.main span {color:red} 表示的是类名为main的DIV 下的span文字颜色为red,而不是你说的:所有DIV下一级class为main和所有是span元素字体颜色为red。

以bootstrap的概念?解?的?
div.main span {color:red} 是模版?
span.important {color:green} 是元件?
所以理?套用?色的

如果你要套成?色的
改成?? span.important.important {green;}
??就?大?去了

为红色

因为一个 css的使用优先级
是看 样式名称中分段的类型加起来的 数值的大小

div.main span--》 (元素+类)+(元素)
span.important--》 (元素+类)

具体类型代表的权重值忘记了 但是上面那个肯定大

http://www.w3cplus.com/css/css-specificity-things-you-should-know.html
CSS权重概念

类名为main的div下的span标签字体颜色为红色。
类名为important的span标签字体颜色为红色。
text结果为红色。
div.main span {color:red}的优先级 高于 span.important {color:green}


至于原因…… 我也不知道。。233

div.main span 两个元素一个类
span.important 一个元素一个类
显然前者的权重大于后者,所以是红色

div.main span 两个元素一个类
span.important 一个元素一个类
显然前者的权重大于后者,所以是红色


正解

http://www.w3cplus.com/css/css-specificity-things-you-should-know.html
CSS权重概念


谢谢您了,对我很有帮助

为红色

因为一个 css的使用优先级
是看 样式名称中分段的类型加起来的 数值的大小

div.main span--》 (元素+类)+(元素)
span.important--》 (元素+类)

具体类型代表的权重值忘记了 但是上面那个肯定大


http://www.w3cplus.com/css/css-specificity-things-you-should-know.html
CSS权重概念
哈哈,共同学习,一起进步!

红色啊。。div main类的作用

id选择器的优先权高于类选择器吧

id选择器的优先权高于类选择器吧


sorry ,看错了


http://www.w3cplus.com/css/css-specificity-things-you-should-know.html
CSS权重概念


谢谢您了,对我很有帮助

客气

下载本文
显示全文
专题