你会发现，即使是嵌套关系，里面的标签也没有contenteditable 属性，也是可以编辑的，这又是为啥呢？ 其实这个属性有继承关系，只要父级有，那么子级也会继承下来，所以说，子级也是可以编辑的啦。

如果子级不想编辑，给子级添加上contenteditable=“false” 即可

最后说一下，下面这种特殊情况，按理来说，span 的 姓名 和 年龄都是不可以编辑的对吧。

<div contenteditable="true">
    <span contenteditable="false">姓名：</span>小明<br>
    <span contenteditable="false">年龄：</span>20岁
</div>

看下下面的操作。

然后只要从 上面一行开始编辑，就会发现，即使是 contenteditable=“false” 的两个 span里面的文字，都被删除了。这又是为啥呢，这是因为，被标记了 false的标签，那么他的内部文字是不能被编辑的，但是 外部的编辑，是可以把你整个标签给删除掉的。 所以得避开这种布局。