css选择器nth-of-type CSS :out-of-range选择器

css选择器nth-of-type

CSS nth-of-type 选择器用于选择特定类型的元素，并且可以根据元素的位置来进行选择。它是一个非常有用的工具，可以让你在不同的浏览器中获得一致的样式。

nth-of-type(n) { 
     
} 

nth-of-type 选择器使用一个数字参数 n 来表示要选择的元素在同一个父元素中的位置。如果 n 是正数，则表示从前往后选择；如果 n 是负数，则表示从后往前选择。例如：

 
 
p:nth-of-type(3) { 
     
} 

  
p:nth-of-type(-2) { 
     
}  

  
p:nth-of-type(odd) { 
     
}  

    p:nth-of-type(even) {    }   

此外，还可以使用 an+b 的形式来表达复杂的情况。an 表示任意正整数，b 表示正或者负数。例如：

   p:nth-of-type(3n+1) {    } 

总之，CSS nth-of-type 选择器是一个非常强大而又实用的工具，能够帮助我们快速、准确地定位特定元素并应用样式。

CSS :out-of-range选择器

CSS :out-of-range 选择器

完整CSS选择器参考手册

定义和用法

:out-of-range 选择器用于标签的值在指定区间之外时显示的样式。

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

---

实例

实例

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

input:out-of-range
{
  border:2px solid red;
}

---

浏览器支持

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

---

相关页面

CSS 选择器： in-range 选择器

---

完整CSS选择器参考手册