@charset "UTF-8";

/*타입선택자 */
p {
    width: 800px;
    background-color: bisque;
}

/*id선택자*/
#sub_title1 {
    font-size: 10px;
}

/*class선택자*/
.c {
    color: blue;
}

/* 전체선택자 */
* {
    font-family: '굴림';
    margin: 10px;
    padding: 10px;
}

/* 자식선택자 */
#sub_title1>b {
    color: red;
}

h1 b {
    color: blueviolet;
}

h1+p {
    border: 1px solid red;
}

h1~p {
    width: 800px;
    background-color: aquamarine;
}

p[title="주식관련기사"] {
    background-color: gold;
}

/* 가상의 요소를 선택해서 효과를 준다 */

.a::after {
    content: "";
    display: block;
    width: 800px;
    height: 200px;
    background-color: pink;
}

a:link {
    background-color: chartreuse;
}

a:visited {
    background-color: blue;
}

a:active {
    color: red;
    font-size: 20px;
}

p:hover {
    background-color: yellow;
    font-weight: bold;
}