html5 标签“Contenteditable”的 css 选择器

Question

如何将 css 选择器用于 contenteditable="true"

<div id="1" name="1" contentEditable="true"></div>

Answer 1

使用CSS 属性选择器：

div[contenteditable="true"] {
    background: red;
}

在英语中，这意味着：“查找所有具有 contenteditable 属性且其值设置为 true 的 div。” 在上面的例子中，我们找到了所有 contenteditables 的 div 元素，并给它们一个红色背景。