css.选择器 CSS :required选择器

css.选择器

CSS 选择器是 CSS 中最重要的部分，它用于指定 HTML 元素的样式。CSS 选择器可以根据元素的 ID、类、属性或其他特征来选择 HTML 元素。

例如：
#myDiv { 
    background-color: #ccc; 
} 

上面的代码使用 ID 选择器来选择 id="myDiv" 的元素，并为该元素设置背景颜色为 #ccc。

CSS 提供了多种不同的选择器，可以根据不同的情况使用不同的选择器来实现相应的效果。主要有以下几种：

1. 元素选择器：可以根据 HTML 元素来选择元素； 
2. ID 选择器：可以根据 HTML 元素的 ID 来选中元素； 
3. 类选择器：可以根据 HTML 元素的 class 属性来选中元素； 
4. 属性选择器：可以根据 HTML 元素的特定属性来选中元素； 
5. 组合选择器：可以将多个不同的 CSS 选择器进行“与”或“或”运行来实现多重匹配效应。 
6. 结构伪对象/伪元素/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/ :可以在文本之前或之后创建一些片断内容。 例如 ::before、::after、::first-letter、::first-line 等。   

CSS 选择器是 CSS 技术中最重要也是最常用的部分之一。正常情况下，在 CSS 技术中使用正常语法尽量避免使用 !important 运行时间过长耗时问题。此外还要注意 CSS 选择器之间存在一定闭包原则即子集必须位于上一集之前执行才能保证正常效应。

CSS :required选择器

CSS :required 选择器

完整CSS选择器参考手册

定义和使用

:required 选择器选择具有必需属性的表单元素，在表单元素是必填项时设置指定样式。

表单元素可以使用 required 属性来设置必填项。

注意： :required 选择器只适用于表单元素: input, select 和 textarea。

---

实例

实例

如果 input 元素设置了 "required" 属性，设置其为黄色:

input:required
{
  background-color: yellow;
}

---

浏览器支持

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

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

---

相关页面

CSS 选择器 :optional 选择器

---

完整CSS选择器参考手册