sample: attribute selector and nth-of-type pseudo class

by sii_side

HTML

<p align="center">ppppp</p>

<div align="center">
  <div>divdiv</div>
  <div align="center">divdiv</div>
</div>

<div align="center">
  <div>divdiv2</div>
  <div align="center">divdiv2</div>
</div>

CSS

body > div[align=center]:nth-of-type(1) {
  border: 1px solid #f00;
}

JavaScript

document.querySelector("div[align=center]").style.backgroundColor = "#fcc";