当前位置: 首页 > 面试题库 >

在CSS中指定多个属性选择器

伯彦君
2023-03-14
问题内容

做这样的事情的语法是什么:

input[name="Sex" AND value="M"]

基本上,我想选择input具有属性name="Sex"和属性的元素value="M"

<input type="radio" name="Sex" value="M" />

元件如以下应该 没有 被选择:

<input type="radio" name="Sex" value="F" />

问题答案:

简单input[name=Sex][value=M]会很好。它实际上在标准文档中有很好的描述:

可以使用多个属性选择器来引用元素的多个属性,甚至可以多次引用同一属性。

在此,选择器匹配所有SPAN元素,这些元素的“ hello”属性的值恰好为“ Cleveland”,而其“再见”属性的值恰好为“ Columbus”:

span[hello="Cleveland"][goodbye="Columbus"] { color: blue; }

附带说明,仅当该值不是有效标识符时,才需要在属性值周围使用引号。



 类似资料:
  • 具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题(title)的所有元素变为蓝色:[title] { color:blue; } 属性和值选择器 下面的实例改变了标题title='runoob'元素的边框样式:[title=r

  • 我正在尝试(可能有点鲁莽)在CSS中重现Douglas Crockford所说的底部值。 什么是底值? 在Javascript中,底部值为和。 我可以使用自定义数据属性: 并且我可以给它一个null值(使用Unicode): 在CSS中,我可以引用任何为空的自定义数据属性: 接下来,我要部署一个与此JavaScript相当的: 但我似乎不能引用任何非空的自定义数据,因为如下所示: 无效且无效。 已

  • 问题内容: jQuery是否有任何语法方法来定义多个CSS属性,而无需像这样将所有内容都放在右边: 如果您有20条这样的代码,那么您将很难阅读,有什么解决方案吗? 例如,通过jQuery API,jQuery可以理解并返回正确的值 和 请注意,对于DOM表示法,属性名称周围的引号是 可选的 ,但对于CSS表示法,由于名称中的连字符,因此 必须 使用引号。 问题答案: 即使您有1个或更多,也最好只使

  • 问题内容: 是否可以通过CSS5的HTML5数据属性(例如)来选择元素? 问题答案: 如果您想使用属性选择器,请确定为什么: 我可以链接到文档中介绍各种可用于各种场景的属性选择器。请注意,尽管自定义数据属性是“新的HTML5功能”, 浏览器通常在支持非标准属性方面没有任何问题,因此您应该能够使用属性选择器对其进行过滤;和 您也不必担心CSS验证,因为CSS不在乎非命名空间的属性名称,只要它们不破坏

  • 本文向大家介绍jquery 属性选择器(匹配具有指定属性的元素),包括了jquery 属性选择器(匹配具有指定属性的元素)的使用技巧和注意事项,需要的朋友参考一下 jQuery 选择器 在前面的章节中,我们展示了一些有关如何选取 HTML 元素的实例。 关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 H

  • 问题内容: 我需要在CSS中使用属性选择器来更改不同颜色和图像上的链接,但是它不起作用。 我有这个HTML: 而这个CSS: 为什么背景不是红色的? 问题答案: 在href后面使用$。这将使属性值匹配字符串的结尾。