首页 / 知识
HTML中定义多个class属性无效
2023-04-11 15:03:00
在编写html的过程中，我们会经常为class属性定义多个值，但是同样会经常发现自己定义的值无效！！！
以前碰到这种情况我就直接重写了，或者直接用id设置css属性，今天想起来好像有些不对哦。。。我必须得去发现真理！！！
<divid="p"class="middle_divpadding_10">
<spanid="s"class="normal_span"></span>
</div>
我在两个class里设置的颜色不同，在middle_div里设置的是红色，在padding_10里设置绿色，
结果显示的是绿色，这给我的第一感觉就是：方向反了！
于是我把两个位置对换，还是绿色！！
这。。。。
难道是？？？
打开css文件一看，果然padding_10在middle_div前面，然后我把他们俩位置对换，
刷新浏览器，红色！！！
所以呢，在定义多个class值的时候，一定要注意，把自己最喜欢的样式放在后面！
但是呢，如果你在padding_10前面加个div（假设父级元素是div），变成div.padding_10，然后你会发现，不管它在哪，我们的pdiv始终是绿色的，
从这个例子可以看出来，css样式的优先级是在加载css文件的时候就确定下来的，而不是由后来html里class属性位置前后决定的。
本文转载自中文网 |
最新内容
相关内容
python如何定义函数
python如何定义函数，培训，概念，代码，环境，函数，定义，语句，括号，结果，冒号，函数的概念：函数是组织好的、具有一定功能的代码片段。在Python中，定
python cmd中怎么运行python文件
python cmd中怎么运行python文件，培训，文件，路径，以上，程序，方法，更多，内容，运行Python，可在交互模式下运行，或者命令行中。命令行中运行的是
python用哪个软件编写运行python
python用哪个软件编写运行python，软件，环境，代码，培训，服务，分析，工具，功能，程序，系列，编写和运行Python代码的软件叫IDE，也就是集成开发环境
pythonreturn如何定义
pythonreturn如何定义，培训，函数，定义，字符串，数值，使用说明，语句，对象，以上，存在，在定义函数时，对于return的使用return语句是python语言中函
python注释一般放在什么位置
python注释一般放在什么位置，代码，位置，培训，注释，时间，引号，可能会，不可或缺，变量，语句，python写代码注释是一件很重要的事情，如果你写的一段
python安装第三方库要放在哪里
python安装第三方库要放在哪里，培训，路径，全称，英文名字，命令，以上，结果，更多，内容，因为是用的python下的pip命令安装的，所以你可以用piplist
python如何定义接受参数的函数
python如何定义接受参数的函数，信息，培训，位置，参数，函数，列子，效果，定义，更多，内容，python中的函数可以有参数，也可以无参数，参数可以分为默认
python如何在python导入tkinter
python如何在python导入tkinter，培训，标准，控件，应付自如，图形界面，实例，模块，以上，之后，消息，Tkinter是Python的标准GUI库。Python使用Tkint
pythonclass如何使用
pythonclass如何使用，数据，培训，设计，类型，下标，成员，函数，使用方便，功能强大，组成部分，python中所有的数据都是对象，它提供了许多高级的内建
python可以定义变量先不赋值吗
python可以定义变量先不赋值吗，培训，数字，变量，合法，代码，声明，类型，赋值，整数，字符串，Python中常见的数据类型有字符串，整形，列表，元组，字典等。
pythonreturn用在哪里
pythonreturn用在哪里，培训，函数，字符串，数值，使用说明，语句，定义，对象，以上，存在，return语句是python语言中函数返回的一个值，每个函数都应该python怎么判断模块是否存在
python怎么判断模块是否存在，培训，模块，部分，测试，方法，提示，终端，上面，以上，代表，要判断一个模块是否安装，非常简单，在终端中进入python，然后输