javaScript)、Wordpress(php)、Photoshop、Illustrator、ePUBFacebookInstagram2019年10月24日(木)HTML入門WebHTMLcssCSSの詳細度(Specificity)cssを扱う上で、押さえておかないといけないことに「詳細度(Specificity)」があります。cssの特異性ともいわれているセレクタの記述に関する優先順位の概念です。cssが指定される時の優先順位には、下位に記述されたセレクタが優先になります。従って同じセレクタを書いてしまっても、行が下に書かれたセレクタが上位のセレクタを上書きしてしまうため、下位の位置に書かれたセレクタの方が適用されます。red;}ただし、これを「CSSの詳細度」で覆すことができます。下記がその詳細度の低い順に並べたものです。‘、||)結合子、(:not())否定疑似クラスは詳細度に影響を与えません。中で宣言されたセレクターは影響を与えます。)詳しくはイラストで楽しく解説したサイトがあります。Fish」をご覧ください。bold;”)では、常に外部スタイルシートの中のスタイルを上書きしますので、最も高い詳細度になると考えられます。上記の条件を全て覆してしまうのが「!important」です。これが宣言リストのどこにあっても、CSS内で作られたその他の宣言を上書きします。技術的には「!important」は詳細度とは無関係なことになり直接作用します。これによって、CSSの自然のカスケードを破壊するためデバッグなどの修正や検証が困難になります。「!important」の使用は避けて、しっかりとしたCSSを設定しましょう。沖縄県内で、フリーランスとしてグラフィックデザイナー兼アートディレクション、Webデザイナー、Webディレクションなど企画からデザイン、サイト制作・運営などを手がけています。グラフィック制作やWeb関連のフロンドエンドの技術に関する講師業も行っています。