如何为输入框内的内容编写正确的选择器？
我有一种输入框形式，我需要编写一个好的选择器。我只需要将属性分配给输入框中的内容。表单看起来像这样：
<label></label>
<input type="text" disabled="disabled" name="xxx" size="100" value="abcd" class="yyy" />
但是，我的页面上有更多此类的元素。
最好的方法是什么？
I have a form of inputbox and i need to write a good selector. I need to assign attributes only to what is inside inputbox. form looks like this:
<label></label>
<input type="text" disabled="disabled" name="xxx" size="100" value="abcd" class="yyy" />
however, i have more elements of this class on my page.
what is the best way to go?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
当您添加了类“yyy”后，您可以继续执行以下操作：
您当然可以粘贴上面的 HTML 代码并将其植入 HTML 文档中，但最佳实践是使 HTML 和 CSS 远离每个其他。
因此，请将此代码添加到您的 head 标签中：
以及 style.css 内部：
As you've added a class "yyy", you can just go ahead and do the following:
You can of course paste that HTML code above and plant it in your HTML document, but it's best practice to keep HTML and CSS away from each other.
So add this code in your head tag:
And inside of style.css:
您可以使用
input.yyy {}，它适用于所有浏览器，但如果页面上有多个具有 yyy 类的输入元素，它将选择所有这些元素。另一种选择是 input[name=xxx]，使用新的 CSS3 选择器，但这在旧版浏览器中不起作用，因此这取决于该样式在任何地方都适用的重要性。
You could use either
input.yyy {}, which will work on all browsers but if you have more than one input element on the page with a class of yyy, it will select all of them.An alternative is input[name=xxx], using a new CSS3 selector, but this won't work in older browsers, so it depends how important it is that the style works everywhere.