2019. 2. 12. 23:46ㆍFront End 강의내용
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.course{
padding: 20px;
background-color: teal;
margin: 10px;
color: #fff;
}
.student:only-of-type{
background-color: #fff;
color: teal;
padding: 20px;
}
</style>
</head>
<body>
<div class="course">
<h2>Javascript</h2>
<h4>Student list:</h4>
<p class="student">Mike</p>
</div>
<div class="course">
<h2>CSS</h2>
<h4>Student list:</h4>
<p class="student">Jane</p>
<p class="student">Ruby</p>
<p class="student">Jennifer</p>
</div>
<div class="course">
<h2>HTML</h2>
<h4>Student list:</h4>
<p class="student">Hailey</p>
<p class="student">Mary</p>
</div>
</body>
</html>
'Front End 강의내용' 카테고리의 다른 글
| 125강. ::before, ::after 적용 (0) | 2019.02.13 |
|---|---|
| 124강. ::first-letter, ::first-line, ::selector 적용 (0) | 2019.02.13 |
| 121강. nth-child 적용 (0) | 2019.02.12 |
| 116강. opacity 적용 (0) | 2019.02.12 |
| 115강. Dropdown 기능 <The Front End Web Developer / Udemy 강의> (0) | 2019.02.11 |