Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在CSS中指定多个属性选择器_Css_Attributes_Css Selectors - Fatal编程技术网

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

在CSS中指定多个属性选择器,css,attributes,css-selectors,Css,Attributes,Css Selectors,执行以下操作的语法是什么: input[name="Sex" AND value="M"] 基本上,我想选择具有属性name=“Sex”以及属性value=“M”的input元素: 不应选择以下元素: <input type="radio" name="Sex" value="F" /> 简单的输入[name=Sex][value=M]会很好。事实上,这在以下章节中有很好的描述: 多个属性选择器可用于引用多个属性 一个元素的属性,甚至是同一属性的多次属性 这里,选择器匹配其“

执行以下操作的语法是什么:

input[name="Sex" AND value="M"]
基本上,我想选择具有属性
name=“Sex”
以及属性
value=“M”
input
元素:


不应选择以下元素:

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

简单的
输入[name=Sex][value=M]
会很好。事实上,这在以下章节中有很好的描述:

多个属性选择器可用于引用多个属性 一个元素的属性,甚至是同一属性的多次属性

这里,选择器匹配其“hello”属性的所有SPAN元素 正好具有值“Cleveland”且其“再见”属性具有 正是“哥伦布”的价值:

span[hello=“Cleveland”][再见=“Columbus”]{color:blue;}

作为旁注,仅当属性值不是有效标识符时,才需要在该值周围使用引号


连接属性选择器:

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

对于连接,它是:

input[name="Sex"][value="M"] {}
对于工会来说,它是:

input[name="Sex"], input[value="M"] {}

只需补充一点,选择器和开口支架之间应该没有空间

td[someclass] 
会有用的。但是

td [someclass] 

不会。

有这样的东西吗,但是还是代替AND?你的意思是除了
(逗号)?你不能写span[hello=“Cleveland”],[bye=“Columbus”]但是你必须重复一部分(可能很长)。除非你使用预处理器,否则你确实必须(至少目前是这样)。有关更多详细信息,请参阅。值得注意的是,必须引用至少一个属性值。如果您将其作为
input[name=Sex][value=M]
编写,则此操作将失败,即使只有一个属性的选择器不使用引号也是有效的。@stevec您的意思是将其放在接受的答案上吗?我在回答中引用了这些值。我也不认为那是真的。如果答案包含某些字符,但本例中没有,则需要引号。我添加了这个注释,因为我在多个浏览器中尝试了它,没有引用,但都失败了。我认为问题在于,如果至少有一个没有引号,那么它是不明确的,因为它可能被解释为一个输入,其名称为
Sex][value=M
@stevec括号在没有引号的属性中是无效的,原因正是如此。这个例子适用于Firefox和Chrome:
td [someclass]