CSS中输入的几个Ids
CSS中输入的几个Ids
提问于 2019-01-10 12:00:38
所以我想自定义几个输入。我试过了，它工作得很好：
<!DOCTYPE html>
<html>
<head>
<style>
input[id=a]:focus {
width: 250px;
}
</style>
</head>
<body>
<h1>The width Property</h1>
Searcha: <input type="text" name="search" id="a">
Searchb: <input type="text" name="search" id="b">
</body>
</html>但是，我想在输入上放入更多的ids。有可能吗？
//try
input[id=a b]:focus {
width: 250px;
}回答 3
Stack Overflow用户
回答已采纳
发布于 2019-01-10 12:09:47
没有一个选择器可以针对单个属性的多个值。
不幸的是，你需要一个逗号分隔的带有不同值的整个选择器列表，如下所示：
input[id="a"]:focus, input[id="b"]:focus {
width: 250px;
}在这种情况下，一个类会更有好处。
Stack Overflow用户
发布于 2019-01-10 12:03:07
您可以像这样链接css中的选择器：
#foo, #bar {
color: red
}然而，如果你有5个以上的if，这可能会变得有点乏味，在这一点上，最好使用一个类：
HTML：
<input class="search-input" />
<input class="search-input" />CSS：
.search-input {
color: red
}Stack Overflow用户
发布于 2019-01-10 12:02:18
#a, #b {}
事情真的就这么简单。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54128232
复制相关文章
相似问题
有没有Android工具可以找到正在运行的应用的布局名称？
检查远程进程是否正在运行(linux)
Android检查应用程序中正在运行的服务
有没有工具可以检查正在运行的进程中的.NET对象？
Android穿戴检查手机应用程序是否正在运行
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
