CSS 선택기 설명_기본 튜토리얼

1. 선택기
body
{
font-size:12px;
}

{
color:blue; 페이지 위에 표시된 대로 태그의 기존 태그 유형이 이름 선택기로 사용됩니다. 본문 태그 내의 모든 텍스트 크기는 12픽셀이고 단락 내의 텍스트 색상은 파란색입니다.
2. 그룹 선택기
h4,p,span
{
글꼴 크기:12px
}
페이지의 크기는 12픽셀입니다. 즉, 각 태그 사이를 쉼표로 구분하여 개체 그룹에 대해 동일한 스타일을 지정합니다.
3. 선택기
div p
{
font-weight:bold;
}
이는 div 태그 내부의 p 태그 텍스트가 굵게 표시됨을 의미합니다. 포함 관계입니다. 각 태그는 공백으로 구분되며 다중 레벨 포함이 가능합니다.
IV.id 및 클래스 선택자
id는 페이지의 유일한 요소에 대한 스타일 정의입니다. 이 스타일은 페이지에서 한 번만 사용됩니다. 즉, id는 반복되지 않습니다.


..

#myDiv

{
font-size:12px;
}
클래스는 일반적이거나 자주 사용되는 스타일을 정의합니다. 페이지에서 아래와 같이 여러 태그에 동일한 클래스를 지정할 수 있습니다. div 및 p 태그의 글꼴은 모두 파란색입니다.

..

.red

{
color:blue;
}
5. 조합 선택기
id 또는 class를 사용하고 태그를 사용하여
h1을 결합합니다. #cont
{
}
ID가 cont인 h1 태그를 나타냅니다.
h1 .cont
{
}
cont 클래스가 있는 모든 h1 태그를 나타냅니다.
6. 유사 -class 선택기
는 일반적으로
a:link
{
}
a:hover
{
}
a:visited
태그로 사용됩니다. {
}
7. 와일드카드 선택기
*
{
color:blue;
}
모든 개체의 글꼴이 파란색임을 나타냅니다.