最終更新日 2021年4月7日

セレクタ

• *
• 要素名
• .クラス名
• #ID名

• ---

• 要素名,要素名
• 要素名 要素名
• 要素名>要素名
• 要素名+要素名
• 要素名~要素名

• ---

• 要素名:link
• 要素名:visited
• 要素名:active
• 要素名:hover
• 要素名:focus
• 要素名:root
• 要素名:empty
• 要素名:target
• 要素名:enabled
• 要素名:disabled
• 要素名:checked
• 要素名:first-child
• 要素名:last-child
• 要素名:only-child
• 要素名:first-of-type
• 要素名:last-of-type
• 要素名:only-of-type

• ---

• 要素名:not()
• 要素名:lang()
• 要素名:nth-child()
• 要素名:nth-of-type()
• 要素名:nth-last-child()
• 要素名:nth-last-of-type()

• ---

• 要素名::after
• 要素名::before
• 要素名::first-line
• 要素名::first-letter

• ---

• 要素名[属性]
• 要素名[属性="値"]
• 要素名[属性~="値"]
• 要素名[属性|="値"]
• 要素名[属性^="値"]
• 要素名[属性$="値"]
• 要素名[属性*="値"]

参考文献：Selectors Level 3