RulerNature RulerNature - 1 year ago 117
CSS Question

Select only the middle using nth(child, of-type,)

I’m trying to match some elements from my table using nth-child or nth-of-type or every kind of “nth” but I’m stuck targeting elements from the middle selected on picture below in color green, can someone give me a idea how to do that, I don’t want to repeat an interval just want to select that section. I don't want to use javascript or jQuery for this.

enter image description here

small fide example:

.row:nth-child(n+4) .cell:nth-child(n+4) {
background: green;
color: red;

Answer Source

This is the answer of my problem, I have solved myself !

.row:nth-child(n+4):nth-child(-n+6) .cell:nth-child(n+4):nth-child(-n+6){
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download