すべての選択者、タイプ選択者またはタグ選択者、class選択者、id選択者、グループ選択者を比較する(練習)
6627 ワード
<head>
<meta charset="utf-8">
<title>상품 소개 페이지</title>
<style>
/* * { 전체 선택자
margin:0;
padding:0;
} */
/* p{ 타입 선택자 or 태그 선택자
color:red;
} */
/* 특정한 부분만 다르게 사용하고 싶을때
class선택자, id 선택자
클래스는 앞에 . 를 놓는다 */
.redtext {
color:blue;
}
/* id 는 유일하게 하나만 css처리 하는것 앞에 # 를 붙인다 */
#container {
border:1px solid #222;
passding:10px;
}
/* 선택자 2개를 쉼표로 묶는것 그룹 선택자 */
h1,p{
color:blue;
}
</style>
</head>
<body>
<div id="container"></div>
<h1>레드향</h1>
<p> 껍질에 붉은 빛이 돌아 <spen class="redtext">레드향</spen>이라 불린다.</p>
<p >레드향은 한라봉과 귤을 교배한 것으로 일반 귤보다 2~3배 크고, 과육이 붉고 통통하다</p>
<p>비타민 c와 <spen class="redtext"></spen>비타민p</spen>가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져있다.</p>
</div>
</body>
Reference
この問題について(すべての選択者、タイプ選択者またはタグ選択者、class選択者、id選択者、グループ選択者を比較する(練習)), 我々は、より多くの情報をここで見つけました https://velog.io/@hong_tae/전체-선택자-타입-선택자-or-태그-선택자class선택자-id-선택자그룹-선택자-비교-연습テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol