css中*选择器 CSS :in-range选择器

css中*选择器

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

* {
    margin: 0;
    padding: 0;
}

在上面的代码中，我们使用*选择器将margin和padding设置为0，这意味着所有元素都将重新获得相同的外边距和内边距。这对于创建一个干净、整洁的布局非常有用。

* { 
    box-sizing: border-box; 
}

在上面的代码中，我们使用*选择器将box-sizing设置为border-box，这意味着所有元素都将使用border-box作为定位方式。这对于创建一个可预测、可重复使用的布局非常有用。

CSS :in-range选择器

CSS :in-range 选择器

完整CSS选择器参考手册

定义和用法

:in-range 选择器匹配范围内的输入元素，用于标签的值在指定区间值时显示的样式。

注意： :in-range 选择器只作用于能指定区间值的元素，例如 input 元素中的 min 和 max 属性。

---

实例

实例

输入的值在指定区间内时，设置指定样式:

input:in-range
{
  border:2px solid yellow;
}

---

浏览器支持

:in-range 选择器支持所有主流浏览器，除了 Internet Explorer。

---

相关文章

CSS 选择器 :out-of-range

---

完整CSS选择器参考手册