下面我有一些代码。我无法改变它,它必须是这样的。 使用 CSS,我想选择类 form-input-label-block 的最后 5 个 div 我怎样才能做到这一点?
................................................ .....................................
<fieldset>
<div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Spouse" value="Spouse"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Spouse">Spouse</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Mother" value="Mother"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Mother">Mother</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Father" value="Father"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Father">Father</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Child" value="Child"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Child">Child</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Sister" value="Sister"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Sister">Sister</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Brother" value="Brother"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Brother">Brother</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Grandparent" value="Grandparent"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Grandparent">Grandparent</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Friend" value="Friend"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Friend">Friend</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Self" value="Self"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Self">Self</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Aunt" value="Aunt"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Aunt">Aunt</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Uncle" value="Uncle"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Uncle">Uncle</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Cousin" value="Cousin"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Cousin">Cousin</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Partner" value="Partner"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Partner">Partner</label>
</div>
</div><div class="radio-button-container">
<input type="radio" name="river_relationship_radio" id="river_relationship_radio_Other" value="Other"/>
<div class="form-input-label-block">
<label for="river_relationship_radio_Other">Other</label>
</div>
</div>
</fieldset>
最佳答案
你可以使用这个 CSS <SomeTag/SomeClass>:nth-last-child(<Last n>)
CSS last n Child
关于CSS:如何选择最后一对具有相同名称的div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44636677/