今日、仕事仲間にあるテクニックを紹介したら、意外と喜ばれたので、22ヶ月ぶりにQiitaに投稿してます @BYODKM です。 以前に書いたCSS系の記事は、こんな感じでした。(カッコ内の数字は現時点のもの) 破綻しにくいCSS設計の法則 15 (1464いいね) CSSが破綻する4つの理由(785いいね) 二行目の最後を「...」をクロスブラウザで実現(173いいね) スタイルが当たらない! さて、スタイルが当たらない訳ですが、考えられる原因として大きく二つあると思います。 HTML側にマッチする内容がない 他のスタイルが強くて打ち消されてしまう 1の方は多分凡ミスなので、よくコードを見ましょう。今回扱うのは、2の方です。 スタイルが当たらない単純な例
![スタイルが当たらない時に、知っておきたいCSSテクニック - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/80d8ed1995ff10d23c1ca0b9166a6b74ff823c48/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgyJUI5JUUzJTgyJUJGJUUzJTgyJUE0JUUzJTgzJUFCJUUzJTgxJThDJUU1JUJEJTkzJUUzJTgxJTlGJUUzJTgyJTg5JUUzJTgxJUFBJUUzJTgxJTg0JUU2JTk5JTgyJUUzJTgxJUFCJUUzJTgwJTgxJUU3JTlGJUE1JUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJThBJUUzJTgxJThEJUUzJTgxJTlGJUUzJTgxJTg0Q1NTJUUzJTgzJTg2JUUzJTgyJUFGJUUzJTgzJThCJUUzJTgzJTgzJUUzJTgyJUFGJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00Mzg1YWNjNzA3NTM4ZDVlYjUxZmVkYThjMWE4MzhlMQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwQllPREtNJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04MzEwODViMmJiNjc0MTcyZmUzNWNiYjEzMmFiM2M3MQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3De727fe976a6352570bebee10f8370d26)