Question

我正在使用SurveyProject进行民意调查，并使用以下html结构来回答2个问题：

1个答案：

<tr class="answerStyle">
<td class="cellValign">
<span id="SurveyControl_Question18__as50577__ai72_as50577"><div>
<div id="grbD">
<input name="SurveyControl$Question18_as50577:_grp18" class="globalRadioButton" id="SurveyControl_Question18__as50577__ai72_as50577_ctl00" type="radio" value="SurveyControl$Question18$_as50577$_ai72_as50577$ctl00">
<label class="globalRadioButtonLabel" runat="server" associatedcontrolid="SurveyControl_Question18__as50577__ai72_as50577_ctl00">NO</label>    
</div>
</div>
</span>
</td>
</tr>

2个答案：

<tr class="answerStyle">
    <td class="cellValign">
        <span id="SurveyControl_Question18__as50577__ai71_as50577">
            <div>
                <div id="grbD">
                    <input name="SurveyControl$Question18_as50577:_grp18" class="globalRadioButton" id="SurveyControl_Question18__as50577__ai71_as50577_ctl00" type="radio" value="SurveyControl$Question18$_as50577$_ai71_as50577$ctl00">
                    <label class="globalRadioButtonLabel" runat="server" associatedcontrolid="SurveyControl_Question18__as50577__ai71_as50577_ctl00">yes<br>comment:</label>
                </div>
            </div>
        </span>
    </td>
</tr>

由于我无法更改html，因此我想将CSS样式应用于ID为＃SurveyControl_Question18__as50577__ai71_as50577_ctl00的第二个答案的输入，但是我尝试的所有方法均不起作用... 我尝试过：

input[name="SurveyControl$Question18_as50577:_grp18"] {
float: left;
margin-top: 20px;
}

#SurveyControl_Question18__as50577__ai71_as50577_ctl00 {
float: left;
margin-top: 20px;
}

#SurveyControl_Question18__as50577__ai71_as50577 input {
float: left;
margin-top: 20px;
}

还有其他一些，但唯一有效的是：

#grbD input {
float: left;
margin-top: 20px;
}

但这也会影响第一个答案的输入，因为它使用相同的div的ID。有什么想法吗？

Answer 1

您可以尝试使用这些选择器。

.answerStyle:nth-child(2) #grbD input {
float: left;
margin-top: 20px;
}

或

.answerStyle:not(:first-child) #grbD input {
  float: left;
  margin-top: 20px;
}

如何将CSS应用于ID输入？

1 个答案: