:not(selector) :not(p) 选择非 selector 元素的元素(即反选) ::selection ::selection{color: red} 选择光标选中的文字 :enabled 【主要用于表单元素】input[type="text"]:enabled 选择器匹配每个启用的的元素 :disabled 【主要用于表单元素】input[type="text"]:disabled 选择器匹配每个禁用的的元素 :checke...
:not(selector) 比如:假设我想选择所有 div,除了 id 为 的那个 container。下面代码: div:not(#container){color:blue; } 否定伪类:not()的几个特点: :not()的优先级是 0,因为它的优先级是由括号里面的参数来定的; :not()伪类可以同时判断多个选择器,比如input:not(:disabled):not(:read-only) {},表...
:not(selector) 比如:假设我想选择所有 div,除了 id 为 的那个 container。下面代码: div:not(#container){color:blue;} 否定伪类:not()的几个特点: :not()的优先级是 0,因为它的优先级是由括号里面的参数来定的; :not()伪类可以同时判断多个选择器,比如input:not(:disabled):not(:read-only) {},表示...
:not(selector):选取不符合括号内选择器的所有元素。 示例:将不是段落的元素的背景色改为灰色: *:not(p) {background-color: gray; } 4、常见应用 设置鼠标悬停在元素上时的样式; 为已访问和未访问链接设置不同的样式; 设置元素获得焦点时的样式; // 示例:a标签的四种状态,分别对应4种伪类;/* 未访问的...
:not(selector): 选择不匹配指定选择器的第一个子元素。 :disabled: 选择被禁用的表单元素。 :checked: 选择被选中的复选框或单选按钮。 :visited: 选择被访问过的链接。 :link: 选择未被访问过的链接。 :active: 选择当前激活的链接。 伪元素:
p:empty选择没有子元素的每个<p>元素(包括文本节点)。 :not(selector) :not(p)选择非<p>元素的每个元素。 input状态选择器 :focus获得焦点的 input 元素 :enabled每个启用的 input 元素 :disabled每个禁用的 input 元素 :checked每个被选中的 input 元素...
:not(selector):选取不符合括号内选择器的所有元素。 示例:将不是段落的元素的背景色改为灰色: *:not(p){background-color:gray;} 4、常见应用 设置鼠标悬停在元素上时的样式; 为已访问和未访问链接设置不同的样式; 设置元素获得焦点时的样式;
语法::not(selector); 5、伪元素选择器 5.1、::first-letter 获取匹配元素的第一个字母(字符) 5.2、::first-line 获取匹配元素的首行 5.3、::selection 匹配用户选取的部分 注意:W3C规定所有的伪类选择器全部使用一个冒号,在CSS3中,所有的伪元素选择器,全部使用两个冒号。
:checked伪类用于选择当前被选中或选择的单选按钮、复选框或 select 元素的选项。 :disabled 伪类 :disabled伪类用于匹配被禁用的表单元素,例如按钮或文本输入框。 :enabled 伪类 :enabled伪类用于匹配可以交互和接收输入的表单元素。 :valid 伪类 :valid伪类用于选择具有与其属性(如pattern、type等)所指定要求相匹配的内...
checked> <br><br> <!-- 下拉列表 --> <select name="haha"> <option value="i">选项一</option> <option selected value="ii">选项二</option> <option value="iii">选项三</option> </select> <br><br> <!-- 提交按钮 --> <input type="submit" value="注册"> </form> </body> </...