Skip to main content
Search type Search syntax
タグ [タグ]
完全一致 "ここの単語"
作成者 user:1234
user:me (あなたの)
スコア score:3 (3+)
score:0 (なし)
回答 answers:3 (3+)
answers:0 (なし)
isaccepted:yes
hasaccepted:no
inquestion:1234
閲覧数 views:250
コード code:"if (foo != bar)"
セクション title:リンゴ
body:"リンゴ オレンジ"
URL url:"*.example.com"
セーブ in:saves
状態 closed:yes
duplicate:no
migrated:no
wiki:no
種類 is:question
is:answer
除外 -[タグ]
-リンゴ
高度な検索の詳細については、ヘルプ ページをご覧ください
でタグ付けされた検索結果
検索オプション not deleted user 30079

CSS(Cascading Style Sheets)とは、HTMLやXMLをどのように装飾するかを規定する仕様。従来のHTMLを、「構造」と「体裁」を分離するために提唱された。CSSでは、各メディアに合わせて表示を変更することが出来るほか、デフォルトの状態から複数のプロパティを上書きしていくことも可能である。

1

css position: sticky 固定された時のステータスを検知したい

現在のところ、position: stickyを設定されている要素が固定状態になったかどうかを直接検出する方法はありませんが、IntersectionObserverを用いて行う方法があります。この記事で紹介されているのもIntersectionObserverを用いた方法ですが、この回答ではよりシンプルな設定のバージョンを用意してみました。 IntersectionObserverは、簡単に言 …
Faily Feely's user avatar
  • 2,883
1
承認済み

cssのカスタムプロパティ(変数)をすべて取得する方法

これは、文書中のCSSスタイルシート定義を全部取得して、その中から:rootに対して指定されているものを探すという力技な方法です。 …
Faily Feely's user avatar
  • 2,883
1

JavaScriptで画面スクロール時のクラスの切り替えができない

CSSにおいて、.scrolled_fontのスタイル指定が.logoよりも上に書かれていることが原因です。 ご提示のページにおいて、JavaScriptは正しく動作しています。その結果、スクロールした状態においてa要素にはlogoクラスとscrolled_fontクラスが両方付いている状態になるので、これらのスタイルが両方適用されます。 …
Faily Feely's user avatar
  • 2,883
9

@importするときの@の意味

質問者さんのおっしゃる通り、そのファイルでは @import '@/assets/styles/mixin.scss'; は @import '../assets/styles/mixin.scss'; と同じ意味だと思われます。この@が何なのかは、webpackの設定ファイルを見れば答えが載っているかと思います。 これはwebpackでパスに対するエイリアスを指定しているものと思わ …
Faily Feely's user avatar
  • 2,883
0
承認済み

headタグ内のscriptタグ内にあるdocument.write()の置き換え方法について

<head> <script> // head 要素内に link 要素を追加 document.head.insertAdjacentHTML('beforeend', '<link rel="stylesheet" href="reset.css">') </script> <link rel="stylesheet" href="hokano-css.css
Faily Feely's user avatar
  • 2,883