input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } 如果我删除 :not(:empty) 部分,它工作得很好。即使我将选择器更改为 input:not(:empty) 它仍然不会选择已输入文本的输入字段。这是坏了还是我只是不允许在 :not() 选择器中使用 :empty --- ? 我唯一能想到的另一...
:not()的优先级是 0,因为它的优先级是由括号里面的参数来定的; :not()伪类可以同时判断多个选择器,比如input:not(:disabled):not(:read-only) {},表示匹配不属于禁用状态同时也不处于只读状态的 input 元素; not()支持多个表达式,比如:.cs-li:not(li, dd) {},还有另外一种写法:.cs-li:not(li):not...
:not选择器称为否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素。就拿form元素来说,比如说你想给表单中除submit按钮之外的input元素添加红色边框,CSS代码可以写成: form{width:200px;margin:20px auto; }div{margin-bottom:20px; }input:not([type="submit"]){border:1px solid...
当我们想要根据元素内部是否有内容来显示特定的样式时 我们可以使用:not 与:empty结合来实现这个效果 代码如下 代码语言:javascript 代码运行次数:0 .handle_menu_content:not(:empty){width:90px;position:fixed;z-index:999999;top:0;z-index:9999999;left:38px;background:#fff;border-radius:3px;border:1px s...
input:not([type="submit"]){border:1px solid red;} 4.CSS3 结构性伪类选择器—empty:empty选择器表示的就是空。用来选择没有任何内容的元素,这里没有内容指的是一点内容都没有,哪怕是一个空格。 比如说,你的文档中有三个段落p元素,你想把没有任何内容的P元素隐藏起来。我们就可以使用:empty选择器来控制...
如下代码,input[type="text"]选择器将选择所有type属性为"text"的 <input> 元素。 input[type="text"]{border:1pxsolid gray;} 后代选择器(Descendant Selector):通过指定元素的后代关系选择 HTML 元素。 后代选择器使用空格分隔元素名称。 如下代码,div p 选择器将选择所有在 <div> 元素内的 <p> 元素。
:empty p:empty 选择没有子元素的每个 <p> 元素。 :enabled input:enabled 选择每个已启用的 <input> 元素。 :first-child p:first-child 选择作为其父的首个子元素的每个 <p> 元素。 :first-of-type p:first-of-type 选择作为其父的首个 <p> 元素的每个 <p> 元素。 :focus input:focus 选择获得焦...
4.否定伪类选择器 E:not(F):匹配所有除元素F外的E元素例:对form中所有input加边框,但又不想submit也起变化,就可以这样写:1input:not([type="submit"]) {border: 1pxsolidred;} 以上就是css中什么是伪类选择器?伪类选择器的简要介绍的详细内容,更多请关注我!!!
当input元素具有required属性时,可以使用:required伪类选择它们。 :optional 伪类 :optional伪类用于选择没有required属性的输入元素,这意味着它们不是必填项。 当input元素没有 required 属性时,可以使用:optional伪类选择它们。 :first-child 伪类 :first-child伪类用于选择父元素中的第一个子元素。