테스트 사이트 - 개발 중인 베타 버전입니다

메인메뉴 글자 CSS 채택완료

쥬노 1년 전 조회 2,302

일반적으로 그누보드를 사용해서 메뉴를 정하면 모든 메뉴에 동일한 CSS가 적용되는데요.

혹시 아래 그림처럼 메뉴에 적용된 CSS중에서 마지막 메뉴 글자만 배경색을 넣는다던지 

다르게 CSS를 적용하려면 어떻게 해야 하는지 고수님들 조언 부탁드립니다.

http://sir.kr/data/editor/2410/832838825_1728002161.5478.png" width="706" />

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
들레아빠

</p>

<p><style>

.last-menu-item {

    color: #f00; /* 마지막 메뉴 글자 색상 변경 */

}

</style>

<script>

document.addEventListener("DOMContentLoaded", function() {

    var menuItems = document.querySelectorAll(".gnb_1da");

    if (menuItems.length > 0) {

        menuItems[menuItems.length - 1].classList.add("last-menu-item");

    }

});

</script></p>

<p>

이 코드를 하단에 추가 하세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

들레아빠
1년 전
채택 감사 합니다.
.gnb_1da => .dropdown-toggle

댓글을 작성하려면 로그인이 필요합니다.

세크티
1년 전

:last-child 쓰시면됩니다

gnb_1dli:last-child a{

 /* css 속성*/

}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

쥬노
1년 전
제가 자세하게 문의를 안해서 죄송합니다.
예전 메뉴방식을 사용하고 있는데요. 여기서 어떻게 해야하는지 궁금해서요...

<?php
$sql = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);

for ($i=0; $row=sql_fetch_array($result); $i++) {

// 드롭다운 여부 확인 쿼리
$sql2 = " select count(*) as cnt
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$row2 = sql_fetch($sql2);

$add_li_class = '';
$add_a_class = '';
$add_a_icon = '';
if($row2['cnt']){
$add_li_class = ' class="dropdown"';
$add_a_class = ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"';
$add_a_icon = ' <i class="fa fa-angle-down"></i>';
}
?>
<li<?php echo $add_li_class; ?>>
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>"<?php echo $add_a_class; ?>><?php echo $row['me_name'] ?><?php echo $add_a_icon ?></a>

<?php
$sql2 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$result2 = sql_query($sql2);

for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0)
echo '<ul class="dropdown-menu" role="menu">'.PHP_EOL;
?>
<li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?></a></li>
<?php
}

if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}

if ($i == 0) {
?>
<style type="text/css">
/* 메뉴가 없는 경우 중앙 정렬 */
.navbar-nav, .navbar-nav > li { float:none; text-align:center; }
</style>

<li>
<?php
$add_url = '#';
if ($is_admin) {
$add_url = G5_ADMIN_URL.'/menu_list.php';
$add_msg = '<br /><b class="text-danger">관리자모드 &gt; 환경설정 &gt; 메뉴설정</b>에서 설정하실 수 있습니다.';
}
?>
<a href="<?php echo $add_url; ?>" class="kor">
메뉴 준비 중입니다. <?php echo $add_msg ?>
</a>
</li>
<?php } ?>

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인