版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chenbetter1996/article/details/87783725
1. <p>标签无法内嵌<div>标签
1.内联标签无法嵌套块状标签
2.块状标签可以嵌套内联标签和块状标签
p标签是块状,但是是特例。里面不能嵌套块状标签,如div标签。
<p>
<div>xxxx</div>
</p>
以上在浏览器会被解析成
<p> </p>
<div>xxx</div>
此外h块状标签也不行嵌套div,a内联标签不能再嵌套a内联标签。
2. JS无法获取外部式CSS文件的属性值
比如使用外部式定义了一个index.css文件里面有如下样式
.test {
width: 100px;
display: block;
}
但是在JS如下获取是获取不了的
// 值为空 ""
var width = $(".test")[0].style.width;
// 值为空 ""
var display = $(".test")[0].style.display;
无论如何,这样获取任何CSS外部式的样式值都是空。JS能获取到CSS样式值的, 嵌入式也不行。内联式通过获取元素是可以获取到值的
<body style="width:100px; display:block;">
...
</body>
// 值为100px
var width = $("body").style.width;
// 值为"block"
var display = $("body").style.width;
因为默认JS给元素设定样式值就是设定为了内联式,可以使用开发者工具看要渲染展示的源码。它是直接整合为一个HTML文件的。样式都是内联式。