Target specific <div> CSS

Question

I've got this HTML structure and I want to target divs in CSS like this :

<div></div>
<div></div>
<div></div> <!-- SPECIFIC STYLE -->
<div></div>
<div></div>
<div></div> <!-- SPECIFIC STYLE -->
<div></div>
<div></div>
<div></div> <!-- SPECIFIC STYLE -->

I don't know how to target these divs in CSS, using nth-child ?

div:nth-child(3n);

Chiller
– Chiller

2017-03-14 10:29:17 +00:00
Commented Mar 14, 2017 at 10:29 — Chiller
– Chiller, Commented Mar 14, 2017 at 10:29

shubham agrawal · Accepted Answer · 2017-03-14 10:34:29Z

1

Since you want to change style of every third element.You can do:

div:nth-child(3n+0) {
    color: red;
}

<div>1</div>
<div>2</div>
<div>3</div> <!-- SPECIFIC STYLE -->
<div>4</div>
<div>5</div>
<div>6</div> <!-- SPECIFIC STYLE -->
<div>7</div>
<div>8</div>
<div>9</div> <!-- SPECIFIC STYLE -->

answered Mar 14, 2017 at 10:34

shubham agrawal

3,5818 gold badges22 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sagun Gautam · Accepted Answer · 2017-03-14 10:30:56Z

0

Here is the css, as your div sibling styles is applied to multiple of 3.. ie third, sixth, nineth....

div:nth-child(3n) {
    background: red;
}

answered Mar 14, 2017 at 10:30

Sagun Gautam

4726 silver badges20 bronze badges

Comments

user7708095 · Accepted Answer · 2017-03-14 10:35:10Z

0

<!DOCTYPE html>
<html>
<head>
<style>
div{background-color:red;}
div:nth-child(3n){background-color:black;}
</style>
</head>
<body>
<div>A</div>
<div>B</div>
<div>C</div> <!-- SPECIFIC STYLE -->
<div>D</div>
<div>E</div>
<div>F</div> <!-- SPECIFIC STYLE -->
<div>G</div>
<div>H</div>
<div>I</div> <!-- SPECIFIC STYLE -->

</body>
</html>

answered Mar 14, 2017 at 10:35

user7708095

Collectives™ on Stack Overflow

Target specific <div> CSS

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related