ID属性选择器^不起作用

Question

我有这段代码：

＆＃13;

＆＃13;

#ul_quests {
  list-style: none;
  font-size: 20px;
  margin: 0;
  padding: 0;
  text-align: center;
}

[id=^"q_count"],
[id="q_watcher"],
[id=^"q_date"],
[id=^"q_addresses"] {
  height: 55px;
  line-height: 55px;
  float: left;
  margin: 0px 35px;
}

＆＃13;

<ul id="ul_quests">
  <li id='q_count1'>1</li>
  <li id='q_watcher1'>fdsfss</li>
  <li id='q_date1'>20-20</li>
  <li id='q_addresses1'></li>
</ul>

＆＃13;

＆＃13;

＆＃13;

但CSS不适用于ID。 JSFiddle

Answer 1

[id^="q_count"]是正确的方法。 [id=^"q_count"]这不是

＆＃13;

＆＃13;

#ul_quests{
    list-style: none;
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
}

[id^="q_count"],[id="q_watcher"],[id^="q_date"],[id^="q_addresses"]{
    height: 55px;
    line-height: 55px;
    float: left;
    margin: 0px 35px;
}

＆＃13;

<ul id="ul_quests">
    <li id='q_count1'>1</li>
    <li id='q_watcher1'>fdsfss</li>
    <li id='q_date1'>20-20</li>
    <li id='q_addresses1'></li>
</ul>

＆＃13;

＆＃13;

＆＃13;