CSS:如何选择最后一对具有相同名称的div?

标签 css

下面我有一些代码。我无法改变它,它必须是这样的。 使用 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/

相关文章:

css - 对齐页脚内容

html - Div 元素在手机上看起来很奇怪

css - 非静态页脚导航栏出现在移动设备屏幕底部上方

html - 导航栏中的不同网站链接

html - 如何让div和img不可选

html - 自定义选择不适合跨浏览器

ios - 如何为 safari 创建一组 css 规则

python - 如何让 css 和 django 在实时服务器上运行

Javascript 粘性导航闪烁

css - Wordpress 页脚小部件未对齐