CSS知っておくべき関数

◆ CSS：地味に意外と使えるプロパティと関数

① calc関数（レスポンシブ時に大活躍）

・レスポンシブ稼働した時に「child_2」のwidthは自動調整される。
・flexで同様の設定もできる

hoge.css

.parent {
  width: 740px;
}
.child_1 {
  width: 200px;
}
.child_2 {
  width:calc(100% -200px);
}

② nth-of-type(n)（レスポンシブ時に大活躍）

hoge.css

.div content ul li :nth-of-type(3){
  color: #ff0000;
}