CSS:最后的类型,只有偶数

时间:2015-02-04 16:13:17

标签: css css-selectors

是否有可能使CSS选择器选择最后一个类型并且只有当它是偶数元素时才会同时?

类似的东西:

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

3 个答案:

答案 0 :(得分:3)

这是一个选项......

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>

答案 1 :(得分:2)

您可以按照以下方式执行此操作:

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

例如:

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

Fiddle demo

答案 2 :(得分:0)

你是不是喜欢这样的?

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

http://jsfiddle.net/skco35q3/我认为这就是你所追求的效果。如果有奇数,则最后一个类型将为黑色。如果取消注释最后一个div,则不会有黑色项目。