:valid伪类用于选择具有与其属性(如pattern、type等)所指定要求相匹配的内容的输入元素。 当input元素的内容符合其属性所指定的要求时,可以使用:valid伪类选择它们。 :invalid 伪类 :invalid伪类用于选择具有内容不符合要求的输入元素。 当input元素的内容不符合其要求时,可以使用:invalid伪类来选择它们。 :required 伪类 ...
:checked 伪类选择器(选中) 选择每个选中的 input 元素 :default 伪类选择器(默认选中) 选择每个默认选中的元素 :disabled 伪类选择器(禁用) 选择每个禁用的元素 :empty 伪类选择器(禁用) 选择每个没有子元素(包括文本)的元素 :enabled 伪类选择器(启用) 选择每个启用的元素 :first-child 伪类选择器(首位元素) ...
选择空元素: 使用 :empty 伪类可以选择没有任何子代的元素。 它是CSS唯一 一个匹配时考虑文本节点的选择符。 你也许想使用它匹配所有空元素,但是这里有一个陷阱,那就是 :empty 是匹配 HTML 文档中的空元素,例如 img 和 input , 但是还能匹配里面没有内容的 textarea 。就匹配效果而言,img 和 img:empty 其实...
:empty表示没有子元素的元素(文本节点也算元素,注释不算)。比如<p>assa</p>并不能匹配,<p></p>才可以。 :first-child表示“是父元素的第一个子节点”。 :last-child表示“是父元素的最后一个子节点”。 :first-of-type表示“是父元素的第一个对应元素的子节点”。 :last-of-type表示“是父元素的最后...
:empty p:empty选择没有子元素的每个<p>元素(包括文本节点)。 :not(selector) :not(p)选择非<p>元素的每个元素。 input状态选择器 :focus获得焦点的 input 元素 :enabled每个启用的 input 元素 :disabled每个禁用的 input 元素 :checked每个被选中的 input 元素...
:empty选择器、:target选择器。 这些基本上都很常用,今天着重说下:否定伪类:not() 否定伪类特别有用,在css中, :not选择器 用于匹配非指定元素/选择器的每个元素,语法格式: :not(selector) 比如:假设我想选择所有 div,除了 id 为 的那个 container。下面代码: ...
当input元素没有 required 属性时,可以使用:optional伪类选择它们。 :first-child 伪类 :first-child伪类用于选择父元素中的第一个子元素。 :last-child 伪类 :last-child伪类用于选择父元素中的最后一个子元素。 :nth-child 伪类 :nth-child伪类根据元素在父元素中的位置进行选择,允许进行各种选择。:nth-child还...
input:not([type="submit"]){border:1px solid red;} 4.CSS3 结构性伪类选择器—empty:empty选择器表示的就是空。用来选择没有任何内容的元素,这里没有内容指的是一点内容都没有,哪怕是一个空格。 比如说,你的文档中有三个段落p元素,你想把没有任何内容的P元素隐藏起来。我们就可以使用:empty选择器来控制...
:empty选择器、:target选择器。 这些基本上都很常用,今天着重说下:否定伪类:not() 否定伪类特别有用,在css中, :not选择器 用于匹配非指定元素/选择器的每个元素,语法格式: :not(selector) 比如:假设我想选择所有 div,除了 id 为 的那个 container。下面代码: ...