Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- classList.contains(string)
- innerhtml
- 가상 요소 선택자
- Em
- 등차수열의 항 찾기
- invalid assignment left-hand side
- 쌍방향 연결리스트
- visibility : hidden
- 양방향 연결리스트
- 범용 선택자
- map()
- for..of
- 일반 형제 선택자 결합
- 배열의 오름차순
- 배열의 내림차순
- 단방향 연결리스트
- indexOf
- Link
- 객체
- 백준알고리즘
- filter()
- 고차함수
- nth-child()
- Array.from()
- Sort
- 인접 형제 선택자 결합
- display : none
- 배열과 연결리스트의 차이
- disabled
- CSS
Archives
- Today
- Total
프론트엔드 센트럴파크 (☞ﾟヮﾟ)☞
class - 전역특성 본문
class 전역 특성은 공백으로 구분한 요소 클래스의 목록으로, 대소문자를 구분하지 않습니다.
클래스는 CSS나 JavaScript에서 클래스 선택자나 DOM 메서드의 document.getElementsByClassName() (en-US)과 같은 메서드를 통해 요소에 접근할 수 있는 방법입니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="printpage.css" />
</head>
<body>
<div class="hi">안녕하세요</div>
<div class="hi hello">안녕하세요</div>
<div>안녕하세요</div>
<div class="hello">안녕하세요</div>
<div>안녕하세요</div>
</body>
</html>class는 여러개의 이름을 가질 수 있다.
div의 두번째 요소에는 공백을 기준으로 hi의 클래스명을 가지고 있고, 동시에 hello의 클래스명도 가지고 있는 것이다.
css도 hi의 스타일과 hello의 스타일 둘 다 가지고 올 수 있다.
'HTML' Related Articles
more
Comments