概要 deep selector を使用する。 方法 vue2の場合 ::v-deep の他に、 >>> または /deep/ を指定する方法があるが、バージョンによってはエラーになったり、解釈されなかったりする。 .parent-some-class ::v-deep .child-some-class { margin-top: 30px; } …

重ねたHTML要素の前面側のCSSにpointer-events: noneを指定する。

input { -webkit-appearance: none; }

text-indentを使用する方法 <p class="indent">※サンプル文章サンプル文章サンプル文章サンプル文章</p> .indent { /* ブロック全体を右に移動させる */ padding-left: 1em; /* 1行目のみ左に移動させる */ text-indent: -1em; } .indent { /* marginを使用しても上記と同じことが…

:not を使用してCSSの上書きを回避する。 // bad .item-item { margin-bottom: 20px; &:last-child { margin-bottom: 0; } } // good .list-item { &:not(:last-child) { margin-bottom: 20px; } }

marginは、隣接する側のコンテンツの余白を意味する。 marginは、隣接する側のコンテンツに指定する。 webサイトは、左上を起点として、右と下にコンテンツを追加していく。 左右に隣接したコンテンツの場合、隣接するコンテンツは右にあるコンテンツである…

事象 フォントサイズを指定しているにもかかわらず、意図しない大きさになってしまう。 対象方法 下記CSSを指定する。 body { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100% }