У меня есть несколько DIV как в следующем,Как выбрать элементы iframe с помощью css?
<div id="text-2">
<div class="textwidget">
<iframe id="widget-0" src=""></iframe>
<iframe id="widget-1" src=""></iframe>
</div>
</div>
<div id="text-3">
<div class="textwidget">
<iframe id="widget-2" src=""></iframe>
<iframe id="widget-3" src=""></iframe>
</div>
</div>
В приведенном выше DIV-х, я хочу, чтобы ограничить (блок/нет) на плавающие фреймы для конкретной страницы с помощью CSS.
Для примера:
(я). Если я нахожусь на домашней странице,
Я хочу отображать iframe типа «widget-0» и «widget-2», а оставшиеся iframes «widget-1» и «widget-3» должны быть отключены ,
(ii). Если я нахожусь на внутренней странице,
Я хочу отобразить iframe типа «widget-1» и «widget-3», а остальные iframes «widget-0» и «widget-2» должны быть отключены ,
Как это сделать с помощью css. Может ли кто-нибудь помочь мне в этой небольшой CSS-настройке.
CSS Selector Пример абзаца тег:
div#test p:first-child {text-decoration: underline;}
div#test p:last-child {color: red;}
Примечание:
Функция Iframe идентификаторы являются динамическими, а не статична. Выше - простой пример.
Виджет идентификаторы являются динамическими, я просто приводил пример, как это. Если я хочу скрыть последний элемент и отобразить первый элемент, что мне делать с помощью селектора css для iframe. –
Вы не можете использовать: iframe: first-child или iframe: nth-child? –
да, он не применяет эти стили –