pbrsk https://blog.hatena.ne.jp/pbrsk/ やさしく つよく おもしろく https://pbrsk.hatenablog.com/ CSS HTML 属性セレクタ class属性やid属性も含め、特定の条件を満たす属性（href,targetとか）で指定できるので、 動的に吐き出される要素と相性が良いので重宝します。 擬似要素・擬似クラス CSS3セレクタで追加された「:not()」 W3Cでは「E:not(s)」という風に説明されています。日本語で説明すると、「sでないセレクタを持つE要素」という感じになります。使い方の簡単なサンプル これって、CSSに「p:not(:hover)」が無ければ、すべてが半透明になります。 「p:not(:hover)」がつくと、pタグの中でホバーされてないやつが半透明になる。 という意味です。こちらのペー… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fpbrsk.hatenablog.com%2Fentry%2F2016%2F02%2F21%2F071453" title="CSS（属性セレクタ / CSS3セレクタの「:not()」） - やさしく つよく おもしろく" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2016-02-21 07:14:53 rich https://pbrsk.hatenablog.com/entry/2016/02/21/071453 1.0 100%