메뉴의 글자크기를 변경하려고합니다.
관련링크
본문
/* 메인메뉴 */
#gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;width:970px;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left}
.gnb_1da {display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none}
.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}
.gnb_3da {display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none}
.gnb_3da:focus, .gnb_3da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#333;color:#fff}
.gnb_2dul {display:none;position:absolute;top:35px;width:180px}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}
여기에서 어디를 변경해야 글자크기를 키울수 있을까요?
아니면 폰트사이즈를 추가하려면 어디다 어떻게 해야하는지 문의드립니다.
답변 1
소메뉴 글자크기까지 같은 크기라면 #gnb_1dul { ........ ; font-size:16px} 식으로 덧붙이세요.
그러면 이하의 모든 list요소의 text에 같은 크기가 적용됩니다.
depth 마다 각각 적용하고 싶으시면
1depth 의 #gnb_1dul 와 2depth 의 #gnb_2dul 를 다르게 해 주시면 됩니다.
아니면 .gnb_1dli .gnb_2dli 에 표시해도 됩니다.
또는 메뉴중 특정 메뉴만 크기를 다르게 하고 싶으시면 해당 태그에 별도의 클래스를 지정해 주세요.
css에서는 .special-li {font-size:20px} 추가하고
html 또는 php 파일에서는 해당태그를<li class="gnb_1dli specila-li> 추가하면 됩니다.
