行内样式添加多个style属性,只会加载第一个style里面的样式;
很懵逼,不知道我说的是啥?
举个栗子:
<p style="style1" style="style2" ....>====XXX文本内容XXXX====</p>
今天调整一个元素的样式,我在页面上直接调的时候能正常显示,但是我把style对应的样式添加到标签内的时候,发现页面上的元素死活都没有我添加的新样式,带着疑问做了几个测试,发现是我多写了个style,默认只会加载第一个style,哈哈,一般人都不会犯这个错误的;
测试1: 页面上有三个li,每个li添加一个style样式,页面正常显示;
测试2:给同一个元素,添加两个style样式
-
两个style设置不同的字体颜色,后面的style不会覆盖前者;
-
测试发现,页面只能加载到第一个style样式,第二个style不加载;
测试3:同一个style,里面相同的样式属性后者会覆盖前者;
-
如图,会发现第一个li,字体是粉色的,两个color值都有,但后者显示,前者未显示,说明后者覆盖前者相同的属性;
综上小结:
- 一个标签内,只能有一个style属性;
- 多个style,只加载第一个style,后面的不加载;
- 一般没人这样写,也不会出这种错误;
- 同一个style,设置相同的样式属性,后者的会覆盖前者的属性值;
- 页面上两个样式属性都会加载到,但显示的是后者的属性值对应的样式;