CSSセレクター

1. ベーシックセレクター

1-1. ユニバーサルセレクター

ユニバーサルセレクターは全ての要素を指定するセレクターである。全称セレクターとも呼ばれる。

* {
   outline: solid 1px black;
}

1-2. タイプセレクター

タイプセレクターは、要素名で指定するセレクターである。

element {
   style properties
}

body {
   property;
}

1-3. クラスセレクター

クラスセレクターは、特定のクラス属性を持つ要素を指定するセレクターである。

.classname {
   property: value;
}

1-4. IDセレクター

IDセレクターは、id属性を持った要素を指定するセレクターである。

#idname {
   property: value;
}

1-5. 属性セレクター

属性セレクターは、特定の属性を持つ要素を指定するセレクターである。

a[title] {
}

	[attr]
	[attr=value]
	[attr~=value]
	[attr|=value]
	[attr^=value]
	[attr$=value]
	[attr*=value]
	[attr operator value i]

2. グルーピングセレクター

2-1. セレクターリスト

セレクターリストは、である。

ul, ol {
}

3. コンビネーター(結合子)

3-1. 子孫結合子(Descendant combinator)

子孫結合子(Descendant combinator)は、である。

ul ol {
}

3-2. 子結合子

子結合子(Child combinator)は、である。

		ul > ol {
		}

3-3. 一般兄弟結合子(General sibling combinator)

セレクターリストは、である。

ul ~ ol {
}

3-4. 隣接兄弟結合子(Adjacent sibling combinator)

セレクターリストは、である。

ul + ol {
}

4. 疑似クラスと疑似要素

4-1. 疑似クラス(Pseudo-classes)

疑似クラス(Pseudo-classes)は、である。

a:hover {
}

4-2. 疑似要素(Pseudo-elements)

疑似要素(Pseudo-elements)は、である。

a::before {
}

2. KnotTextでのCSSの分類

参考：CSS reference - CSS | MDN