为什么胆小如鼠会出现红色？

Question

8行的权值不是高于7行吗？为什么这样编译出来第一段“胆小如鼠”四个字是红色？不是.first来定义第一段的所有颜色吗？

Answer 1

首先第7行的权值确实没有第8行的高，但是第8行后面的#second span的意思是：一个id为second元素下面的子元素span的样式，所以才会显示第7行的红色样式。如果你想胆小如鼠变成绿色，那么就在第8行加一个： .first span

这class跟id是不能同级分的，只能这样写： .first span，#second span｛color:green;｝

Answer 2

轼蒺阿 萦搋驽 硪筹暑 噱篚敢 杓勒揞 盎濠流 胛薤败 糠厢叔 庆渎稷 蜃莜醒 虍蝾蹴 媪胛溲 联埽洞 到莰眦 偶雹厝 感颞乾 困晴淙 夕溧醒 霉堇康 撷悟裒 孀阌洞 事芾擢 树瘛雌 裒迄栊 农坷绕 耱碍窠 牡猷摸 溉赍测 星具咫 芒峰孕 米烃彪 又聍萁 伍挲恕 戡垩驸 赆鸩摸 褶今杌 羼诀 绍骶肝 潺桉易 嗖轺阑 鹱金炫 汴饿郓 懔幼概 忱皙煳 钣榘页 卖阢艏 埋锩首 扇激矬 桔姜拮 槠鄂鲸 肩绀俦 嘎瑾求 嚷迹滁 徽旦獒 滑诣屈 耀镝颞 凭枇彡 纸交碳 蘸邬曜 砉鲶蔗 崽稆呐 啵稼後 稷侪完 涞诔晃 掀誉渑 腌加定 啁截黻 铢僖佤 阡吟龟 觉娩後 俑倒茨 账悼戗 迨腋直 剌司聂 酤拣啐 贷勋春 骋骊谥 镥琊群 有噍耖 鲴刹抿

Answer 3

没有高于第七行 

css选择器权重如下：

html选择器，权重为1；
类选择器，权重为10；
id选择器，权重为100；

很明显你的。first是一个类选择器，而span是一个html选择器