这是因为你把css中的注释用错了！css的注释符是/*和*/，不能用双斜杠//。
<style>p {
color:red //这个注释是错的，会造成下面的font-size失效！
font-size:12px
} //这里也不能用双斜杠注释，否则下面的span将会失效！
span {
color:blue
}
</style>
请用下面的标准方式进行注释：
<style>p {
color:red /*请用这样的方式注释*/
font-size:12px
} /*请用这样的方式注释*/
span {
color:blue
}
</style>
你的代码中，如果把指定的tip的样式代码放到后面，那么它的前面恰好有个错误的注释（56行），所以它失效了（幸好你的第一张截图把双斜杠截出来了，否则我也不会知道原因的）！
补充说一句：请不要想当然地用js的注释符当作css的注释符！
