Селектор CSS3 для нахождения 2-го отделения того же класса
Предупреждение: действующее ограничение open_basedir
Это предупреждение может появляться с различными функциями, связанными с доступом к файлам и каталогам. Он предупреждает о проблеме с конфигурацией.
Когда он появляется, это означает, что доступ был запрещен для некоторых файлов.
Само предупреждение не нарушает ничего, но чаще всего скрипт не работает должным образом, если предотвращается доступ к файлу.
Исправление обычно изменяет конфигурацию PHP , связанная настройка называется open_basedir .
Иногда неправильный имена файлов или каталогов, тогда исправление должно использовать правильные.
Вопросы, относящиеся
4 ответа
ОБНОВЛЕНИЕ : Этот ответ был первоначально записан в 2008, когда nth-of-type поддержка была ненадежна в лучшем случае Сегодня я сказал бы, что Вы могли безопасно использовать что-то как .bar:nth-of-type(2), если Вы не должны поддерживать IE8 и более старый.
Исходный ответ с 2008 следует (Обратите внимание, что я больше не рекомендовал бы это!) :
, Если можно использовать прототип JS , можно использовать этот код, чтобы установить некоторые значения стиля или добавить другое имя класса:
// set style:
$('div.theclassname')[1].setStyle({ backgroundColor: '#900', fontSize: '1.2em' });
// OR add class name:
$('div.theclassname')[1].addClassName('secondclass'); // pun intentded...
(я не протестировал этот код, и он не проверяет, существует ли на самом деле второе существующее отделение, но что-то вроде этого должно работать.)
, Но если Вы генерируете серверную сторону HTML, Вы могли бы точно также добавить дополнительный класс на втором объекте...
Селекторы могут быть объединены:
.bar:nth-child(2)
означает "вещь, которая имеет панель класса ", который является также 2-м ребенком.
Какова точно структура Вашего HTML?
предыдущий CSS будет работать, если HTML будет как таков:
HTML CSS <div>
<div class="foo"></div>
<div class="foo">Find me</div>
...
</div>
.foo:nth-child(2)
<div>
<div class="other"></div>
<div class="foo"></div>
<div class="foo">Find me</div>
...
</div>
Простой помещенный, нет никакого селектора для получения индекса соответствий от остальной части селектора перед ним.
Существует ли причина, что Вы не можете сделать этого с помощью JavaScript? Мой совет состоял бы в том, чтобы предназначаться для селекторов с универсальным правилом (.foo) и затем проанализировать назад, чтобы получить последнее нечто с JavaScript и установить любое дополнительное моделирование, в котором Вы будете нуждаться.
Или, как предложил Stein, просто добавьте два класса, если Вы можете:
<div class="foo"></div>
<div class="foo last"></div>
.foo {}
.foo.last {}