Question

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

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

基本上，我想选择具有属性input的{{1}}元素以及属性name="Sex"：

value="M"

以下元素应选择：

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

Answer 1

简单input[name=Sex][value=M]会做得很好。它实际上在standard doc：

中有详细描述

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

这里，选择器匹配其“hello”属性的所有SPAN元素   具有“克利夫兰”的价值，其“再见”属性具有   确切地说“哥伦布”的价值：

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

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

JSFiddle Demo

Answer 2

用于连接它：

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

为了结盟：

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

Answer 3

连接属性选择器：

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

Answer 4

添加选择器和左括号之间应该没有空格。

module.exports = function (app, path, bodyParser, request, BFX, expressWs) {

  const API_KEY = "";
  const API_SECRET = "";

  const opts = {
    version: 2,
    transform: true
  }

  const bws = new BFX(API_KEY, API_SECRET, opts).ws


  bws.on('open', (ticker) => {
    bws.subscribeTicker('BTCUSD');

  });

  bws.on('ticker', (pair, ticker) => {
    console.log('Ticker:', ticker);

    app.get("/", (req, res) => {
      res.render("index", { ticker: ticker });
    });

  });


}; // END MODULE.EXPORTS

会奏效。但

td[someclass]

不会。

Answer 5

[class*="test"],[class="second"] {
background: #ffff00;
}

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

5 个答案: