コピペ用CSS集
スムーススクロール
html {
scroll-behavior: smooth;
}
リストスタイル四角
list-style: square;
リストスタイルデフォルト内側
list-style: inside;
first-child
first-child {
last-child
last-child
before
:before {
position: absolute;
content: '';
top: 0;
上下センターのCSS(例:15vwの高さ/2)
padding-top: calc(15vw / 2);
縦文字
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
1番目以降の要素
:nth-child(2) {
}
三角形(上・左下・右下)
clip-path: polygon(100% 0, 50% 100%, 0 100%);
強制的に適用
!important;
importantに似たような変更疑似クラス
:has()