css中*选择器 CSS :invalid选择器

css中*选择器

CSS中的*选择器是一种特殊的选择器，它可以用来匹配所有元素。它可以用来设置全局样式，也可以用来重置样式。

* {
    margin: 0;
    padding: 0;
}

在上面的代码中，我们使用*选择器将margin和padding设置为0，这意味着所有元素都将使用这些样式。这是一个很好的方法来重置页面上所有元素的样式，而不必对每个元素单独设置样式。

此外，*选择器还可以用于设置全局样式。例如，我们可以使用它来设置所有文本的字体大小：

* { 
    font-size: 16px; 
}

在上面的代码中，我们使用*选择器将所有文本的字体大小设置为16px。这意味着所有文本都将使用相同的字体大小，而不必对每个文本单独设置字体大小。

总之，CSS中的*选择器是一个很好的工具，它可以帮助我们快速重写样式并应用共同的样式到多个元素上。因此，在CSS中使用*选择器是一个很好的实践方法。

CSS :invalid选择器

CSS :invalid 选择器

完整CSS选择器参考手册

定义和使用

:valid 和 :invalid 选择器分别匹配已满足或失败其输入验证要求的输入元素。

:invalid 选择器用于在表单元素中的值是非法时设置指定样式。

注意： :invalid 选择器只作用于能指定区间值的元素，例如 input 元素中的 min 和 max 属性，及正确的 email 字段, 合法的数字字段等。

---

实例

实例

如果 input 元素中的值是非法的，设置样式为红色：

input:invalid
{
border:2px solid red;
}

---

浏览器支持

:invalid 选择器支持所有主流浏览器。

Internet Explorer 9 及更早IE版本不止 :required 选择器。

---

相关页面

CSS 选择器 :valid

---

完整CSS选择器参考手册