这次给大家带来html中定义多个class属性无效，html中定义多个class属性无效的注意事项有哪些，下面就是实战案例，一起来看一下。
在编写html的过程中，我们会经常为class属性定义多个值，但是同样会经常发现自己定义的值无效！！！
以前碰到这种情况我就直接重写了，或者直接用id设置css属性，今天想起来好像有些不对哦。。。我必须得去发现真理！！！
我在两个class里设置的颜色不同，在middle_div里设置的是红色，在padding_10里设置绿色，
结果显示的是绿色，这给我的第一感觉就是：方向反了！
于是我把两个位置对换，还是绿色！！
这。。。。
难道是？？？
打开css文件一看，果然padding_10在middle_div 前面，然后我把他们俩位置对换，
刷新浏览器，红色！！！
所以呢，在定义多个class值的时候，一定要注意，把自己最喜欢的样式放在后面！
但是呢，如果你在padding_10前面加个div（假设父级元素是div），变成div.padding_10，然后你会发现，不管它在哪，我们的p div始终是绿色的，
从这个例子可以看出来，css样式的优先级是在加载css文件的时候就确定下来的，而不是由后来html里class属性位置前后决定的。
相信看了这些案例你已经掌握了方法，更多精彩请关注创想鸟其它相关文章！
相关阅读：
立即学习“前端免费学习笔记（深入）”；
marquee元素如何实现滚动字体与图片的效果
HTML的TextArea怎么保存格式
以上就是HTML中定义多个class属性无效的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1545774.html
微信扫一扫 
支付宝扫一扫 
