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

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

输入[name=“Sex”和value=“M”]

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

<输入type=“radio”name=“Sex”value=“M”/>

不应选择以下元素:

<输入type=“radio”name=“Sex”value=“F”/>

简单的输入[name=Sex][value=M]会很好。在标准文档中有很好的描述:

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

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

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

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

JSFIDLE演示

发表评论