サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
qiita.com/JotarO_Oyanagi
宮崎在住エンジニアのジョウ(@JotarO_Oyanagi) です。 Vue.js 用 UI ライブラリ Element の要素に対し、Scoped CSS を使う場合に起きうる問題(後述)への対応策を紹介します。 TL;DR Element の要素に Scoped CSS のスタイルが適用されないケースがある。 原因は、通常の記述方法だとセレクタの子要素に data 属性がつき、そこに対してスタイルがあたるが、Element が書き出す一部の要素には data 属性がつかない。 対応策としては /deep/ セレクタを使用する。 Scoped CSS とは コンポーネントごとの CSS を書ける仕組みです。 <style scoped> とすると、そこに記述されたセレクタに対し、ユニークな data 属性がつき、その data 属性がセレクタに付加されます。 具体的にはどういうことか、公
このページを最初にブックマークしてみませんか?
『qiita.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く