コーディング

この記事をまとめると ■クルマにワックスやコーティングをかけると、ツヤや撥水効果が得られる ■塗装自体にこのような成分を配合することはできないのか ■可能ではあるが、採用されないのには事情がある 日産には「フッ素樹脂塗装」が存在した 　ワックスやコーティングをかけること自体は、クルマ好きにとってとて…
The post クルマの塗装自体での撥水は技術的に可能！　それでもワックスやコーティング前提の塗装しか採用されないワケ first appeared on WEB CARTOP….

メモ

最後の要素 + 最後から2つ目のliが奇数の場合
li:last-child,li:nth-last-child(2):nth-child(odd)

4列リストの一番左下にある要素
li:nth-child(4n+1):nth-last-child(-n+4),
4列リストの一番左下にある要素以降にあるliすべて
li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
}
The post リストの最後の行だけ、CSSを適用する first appe…

CSS
li:nth-child(2n+1):last-child {
width: 100%;
background: tomato;
}
The post 2カラムで最後の要素が1つだけだった場合にCSSを適用させる first appeared on haikararou.

メモ

HTML
<ul>
<li class=”item”></li>
</ul>
<ul>
<li class=”item”></li>
<li class=”item”></li>
</ul>
<ul>
<li class=”item”></li>
<li class=”item”></li>
<li class=”item”></li>
</ul>

CSS
/…

最初の要素
:nth-child(2n+1):first-child

最後の要素
:nth-child(2n+1):last-child
The post css 要素が奇数のとき、最初の要素(最後の要素) first appeared on haikararou.

参考： 【CSS】object-fitはCSSだけで画像をコンテナーにフィットさせてトリミングもできるとっても素晴らしいプロパティー 1行追加でOK！CSSだけで画像をトリミングできる「object-…

The post 【CSS】object-fit　テスト実装 first appeared on haikararou.