Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8732

【CSS】セレクタ

$
0
0

基本

探したい要素CSSセレクタ
全てのdiv要素div
全てのdiv要素とp要素div,p
全ての要素*
class名がXの要素.XXX
id名がXXXの要素#XXX

結合子

探したい要素CSSセレクタ
div要素の階層下のすべての要素div *
div要素の1階層下の任意の要素div > *
div要素の階直後の任意の要素div + *

属性

探したい要素CSSセレクタ
全てのtype属性を持つinput要素input[type]
textというtype属性を持つinput要素input[type="text"]
href属性がhttp://で始まるa要素a[href^="http://"]
src属性が.jpgで終わるimg要素img[src$=".jpg"]
xxxという単語を含むsrc属性を持つimg要素img[src~="xxx"]

疑似クラス

探したい要素CSSセレクタ
アクセスしていない全てのリンクa:link
アクセスした全てのリンクa:visited
要素の子孫にxxxというテキストを含むdiv要素div:contains("xxx")
hover属性を持ったa要素a:hover

Viewing all articles
Browse latest Browse all 8732

Latest Images

Trending Articles

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>