CSS: последний тип и только если даже

Есть ли возможность сделать селектор CSS, который выбирает последний тип и одновременно, только если это четный элемент?CSS: последний тип и только если даже

Что-то вроде:

.element:last-of-type:nth-of-type(even) {...}

источник

2015-02-04 Tom K

То, что вы должны работать, если все элементы с таким же типом элемента есть что тот же класс. – BoltClock

Вы пробовали это для себя где-нибудь? Или вы просто спрашиваете? – TylerH

Если ваша проблема была решена, отметьте ответ как можно скорее, чтобы закрыть свой вопрос, или отправьте ответ самостоятельно, если вы нашли другое решение. Если ваша проблема не была решена, предоставьте нам дополнительную информацию по этой проблеме. –

Вот один вариант ...

li:last-of-type:nth-of-type(even) { 
 
    color: red; 
 
}

<ol> 
 
    <li>1</li> 
 
    <li>2</li> 
 
</ol> 
 
<ol> 
 
    <li>1</li> 
 
    <li>2</li> 
 
    <li>3</li> 
 
</ol>

источник

2015-02-04 16:17:54 gvee

Очень приятное решение. – lharby

Отвечено обновлено с лучшей версией – gvee

ли вам после того, как что-то вроде этого?

div { height: 10px; background: red; margin-bottom: 10px } 
div:not(:nth-child(odd)):last-of-type { background: black }

http://jsfiddle.net/skco35q3/ Я думаю, что это тот эффект, которым вы были. Последний тип будет черным, если есть нечетное число. Если вы раскомментируете последний div, черного элемента не будет.

источник

2015-02-04 16:19:36

Вы можете сделать это следующим образом:

element:nth-of-type(even):last-of-type

Так, например:

li:nth-of-type(even):last-of-type{ 
    color: blue; 
}

Fiddle demo

источник

2015-02-04 16:19:40

CSS: последний тип и только если даже

ответ

Смежные вопросы