BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #38278同步于 2016/8/13
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖

[问题]样式加不上去怎么回事

qqpp3939
2016/8/13镜像同步2 回复
<html ng-app="ionicApp"> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>购物车</title> <link href="http://www.runoob.com/static/ionic/css/ionic.min.css" rel="stylesheet"> <script src="http://www.runoob.com/static/ionic/js/ionic.bundle.min.js"></script> <script src="js/jquery-3.1.0.min.js"></script> <style> .foodGrade .grade { border: 1px solid lightgray; color: lightgray; padding: 5px 10px; } .chosenGrade { border: 1px solid red; color: red; } </style> </head> <body> <div class="content has-header ionic-pseudo"> <div id="listCard" class="list card"> <div id="xihongshi" class="item item-body"> <div class="describe"> <div class="foodGrade"> <span class="grade chosenGrade">二等</span> <span class="grade">一等</span> <span class="grade">优等</span> </div> </div> </div> </div> </div> </body> </html> 二等那里没有红框,在.chosenGrade前面加上.foodGrade后有红框,.chosenGrade不就只有一个吗,为什么不加.foodGrade样式会加不上去,去掉二等的grade类后,有红框,或者将类foodGrade改为id是foodGrade 后也有红框,这是为什么
订阅后,新回复会通过你的通知中心匿名送达。
2 条回复
liu907030机器人#1 · 2016/8/13
看看CSS的优先级相关的知识吧
qqpp3939机器人#2 · 2016/8/15
【 在 liu907030 的大作中提到: 】 : 看看CSS的优先级相关的知识吧 嗯,明白了