根据W3 CSS规范，类似于：input[type~="text password"]应该选择类型设置为“文本”或“密码”的输入字段，但它不起作用！我误解了这一行吗？E[foo~=“warning”]匹配任何E元素，其“foo”属性值是以空格分隔的值的列表，其中一个值正好等于“warning”。CSS规范源代码，是表中倒数第四个。
input[type~="text password"]
lymgl2op1#
是的，你弄错了。选择器是在一个空格分隔的列表中搜索的。第一个月你可以使用：element[attribute~="text"]这样做的好处是它不应该匹配：<element attribute="textual password" />要实现您实际尝试做的事情就有点冗长了：input[type="text"], input[type="password"]
element[attribute~="text"]
<element attribute="textual password" />
input[type="text"], input[type="password"]
7rtdyuoh2#
只要按照这个：网页：
<div class="contact-form"> <label for="">Name</label> <input type="text"> <label for="">Email</label> <input type="email"> <label for="">Subject</label> <input type="text"> <label for="">Message</label> <textarea></textarea> <input type="submit" value="Send"> </div>
CSS：
.contact-form input[type="text"], input[type="email"]{ width:100%; box-sizing:border-box; border:1px solid black; padding:5px; } .contact-form input[type="submit"]{ display:block; color:black; background-color:white; border:1px solid black; border-radius:10px; margin-top:10px; padding:10px; cursor:pointer; margin:auto; margin-top:20px; }
我希望你能理解。
ukqbszuj3#
你阅读错了。E[foo~="warning"]将选择任何带有空格分隔的警告列表的元素。如下所示：<el foo="test warning etc" />
E[foo~="warning"]
<el foo="test warning etc" />
iibxawm44#
我试过input{property: ....}，效果很好。
input{property: ....}
例如input{border: 3px solid red;}
input{border: 3px solid red;}
4条答案
按热度按时间lymgl2op1#
是的，你弄错了。选择器是在一个空格分隔的列表中搜索的。
第一个月
你可以使用：
element[attribute~="text"]这样做的好处是它不应该匹配：
<element attribute="textual password" />要实现您实际尝试做的事情就有点冗长了：
input[type="text"], input[type="password"]7rtdyuoh2#
只要按照这个：
网页：
CSS：
我希望你能理解。
ukqbszuj3#
你阅读错了。
E[foo~="warning"]将选择任何带有空格分隔的警告列表的元素。如下所示：<el foo="test warning etc" />iibxawm44#
我试过
input{property: ....}，效果很好。例如
input{border: 3px solid red;}