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()的优先级是 0,因为它的优先级是由括号里面的参数来定的; :not()伪类可以同时判断多个选择器,比如input:not(:disabled):not(:read-only) {},表示匹配不属于禁用状态同时也不处于只读状态的 input 元素; not()支持多个表达式,比如:.cs-li:not(li, dd) {},还有另外一种写法:.cs-li:not(li):not...
input:not([type="submit"]){border:1px solid red;} 4.CSS3 结构性伪类选择器—empty:empty选择器表示的就是空。用来选择没有任何内容的元素,这里没有内容指的是一点内容都没有,哪怕是一个空格。 比如说,你的文档中有三个段落p元素,你想把没有任何内容的P元素隐藏起来。我们就可以使用:empty选择器来控制。
结构性伪类选择器—not :not选择器称为否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素。就拿form元素来说,比如说你想给表单中除submit按钮之外的input元素添加红色边框,CSS代码可以写成: form{width:200px;margin:20px auto; ...
CSS 为没有内容的元素设置样式 :not(:empty) 当我们想要根据元素内部是否有内容来显示特定的样式时 我们可以使用:not 与:empty结合来实现这个效果 代码如下 代码语言:javascript 复制 .handle_menu_content:not(:empty){width:90px;position:fixed;z-index:999999;top:0;z-index:9999999;left:38px;background:#...
: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 选择获得焦...
如下代码,input[type="text"]选择器将选择所有type属性为"text"的 <input> 元素。 input[type="text"]{border:1pxsolid gray;} 后代选择器(Descendant Selector):通过指定元素的后代关系选择 HTML 元素。 后代选择器使用空格分隔元素名称。 如下代码,div p 选择器将选择所有在 <div> 元素内的 <p> 元素。
被禁用的输入框颜色更浅,并且还添加了 not-allowed 鼠标状态。 Copy <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled> 被禁用的 fieldset 为<fieldset> 设置disabled 属性,可以禁用 <fieldset> 中包含的所有控件。 <a> 标签的链接功能不受影响 ...