ul li의 배경색을 변경하십시오.

저는 li을 클릭하면 내 ul 항목의 배경색을 변경하려고합니다. 그래서 저는 드롭 다운 메뉴를 열고 li 링크를 클릭하십시오. 이제 mainmenuslot이 배경색을 변경하고 싶습니다.ul li의 배경색을 변경하십시오.

이 코드 함께 일하고 :

#mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a { 
    background-color: #004494; 
    background: #004494; 
    text-decoration: none; 
    color: #ffffff; 
    font-weight: bold; 
}

나는이 기능을 얻기 위해 추가해야 할 무엇? # mainnav-menu ul a, # mainnav-menu ul 및 다른 많은 가능성으로 시도했습니다.

출처

2016-10-12 pr0cz

바이올린하세요? –

관련 HTML 코드가 도움이 될 수 있습니다!? – Wh1T3h4Ck5

우리에게 바이올린 링크 또는 스 니펫을주세요. –

@jacobdo가 말한 것에 덧붙여 li 초점에 액세스하고 li 배경, 색상 (아래 설명 참조) 등을 변경할 수 있지만 ul 배경을 변경할 수는 없습니다. 색상없이 자바 스크립트. jQuery로

li:focus { 
 
    outline: 0; 
 
    background-color: #004494; 
 
    background: #004494; 
 
    text-decoration: none; 
 
    color: #ffffff; 
 
    font-weight: bold; 
 
}

<div id="menus"> 
 
    <ul> 
 
     <li tabindex="0"><a href="#">Home</a></li> 
 
     <li tabindex="0"><a href="#">Other</a></li> 
 
     <li tabindex="0"><a href="#">My Page</a></li> 
 
     <li tabindex="0"><a href="#">Other Page</a></li> 
 
     <li tabindex="0" style="border-right:none;"><a href="#">Logout</a></li> 
 
    </ul> 
 
</div>

http://jsfiddle.net/8zzc3oow/

만 javascipt와 :

물론 http://jsfiddle.net/2jpehad9/

jQuery를하고 사용자가 li 링크를 클릭하면 javascript 변경 색상 이벤트를 수행해야합니다.

jQuery를 클릭 - https://api.jquery.com/click

jQuery를 클릭 예를

<div id="target"> 
    Click here 
</div> 
$("#target").click(function() { 
    alert("Handler for .click() called."); 
});

JS 클릭 예를

<input type="checkbox" id="myCheck" onmouseover="myFunction()" onclick="alert('clicked')"> 

<script> 
// On mouse-over, execute myFunction 
function myFunction() { 
    document.getElementById("myCheck").click(); // Click on the checkbox 
} 
</script>

출처

2016-10-12 10:06:19

아무 것도 작동하지 않는 것 같습니다. 너 여기서 뭘하려고하는거야? –

javascript가 없기 때문에 부모님을 만날 수 없다는 것을 설명하기 위해 그는 li의 CSS에 액세스하고 js 및 jQuery를 사용하여 색상 "이벤트"를 클릭하고 변경하는 방법을 설명 할 수 있습니다. 작동하지 않는 것은 무엇입니까? –

자녀 요소의 부모는 css (귀하의 경우에는 li이있는 ul)를 통해 선택할 수 없습니다.

여기서 가장 쉬운 방법은 자바 스크립트를 통해 ul의 배경을 변경하는 것입니다.

출처

2016-10-12 09:55:11 jacobdo

ul li의 배경색을 변경하십시오.

답변

관련 문제