伪类选择器

伪类选择器常用

css伪类选择器大全：
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-classes

伪类	含义
:link	选中未访问过的超链接
:visited	选中已访问过的超链接
:hover	选中鼠标移入的元素
:active	选中鼠标按下的元素
:focus	选中聚焦的表单元素
:disabled	选中被禁用的表单元素
:checked	选中被选中的表单元素
:first-child	选中第一个子元素
:last-child	选中最后一个子元素
:nth-child(an+b)	选中第「an+b」个子元素 a和b是常量，n的值会从0开始依次递增
:first-of-type	选中第一个指定类型的子元素
:last-of-type	选中最后一个指定类型的子元素
:nth-of-type(an+b)	选中第「an+b」个指定类型的子元素 a和b是常量，n的值会从0开始依次递增

contenteditable属性

该属性是一个布尔属性，可以设置到任何元素上，表示元素是否可被用户编辑。如果可以，浏览器会修改元素的组件允许编辑。

该属性必须是下面的值之一：

• true或空字符串，表示元素是可编辑的。
• false表示元素不可编辑的。
• plaintext-only表示元素的原始文本是可编辑的，但富文本格式会被取消。

如果没有设置该属性的值（例如：<label contenteditable>Example Label</label>），则其值被视为空字符串。

在实际开发中，通常用于制作富文本框

table 元素

HTML <table> 元素表示表格数据——即在一个由包含数据的行和列组成的二维表格中呈现的信息。

table元素用于表达一个表格，受CSS3的影响，现在已经很少使用了