class problem css

나는 단지 메뉴 버튼에 selected라는 클래스를 추가 할 수 있기를 원합니다. 문제가되는 원인은 내 CSS라고 생각합니다.class problem css

내 메뉴 버튼에도 하위 항목이 있으며 형제에게 'selected'라는 클래스를 추가하고 싶습니다. 이 방법으로 할 수 있다면 "menu-button-over"와 같은 각 클래스 이름에 대해 별도의 줄을 작성하는 것보다 낫습니다. "선택"될 수있는 곳입니다. 원하는대로 할 수 있기를 바랍니다. 하지만 그게 내 CSS는

출처

2011-05-02 ONYX

. 가능한 경우 명확히하십시오. – morgar

'menu-button'는'mybutton'과 다른 객체입니까? – morgar

@Gisborne이 내 질문에 대답했습니다. 그놈은 – ONYX

그래, 당신의 CSS 갈 것입니다 당신이 ('# 메뉴 버튼을') $가 필요합니다, 그래서 당신이 그런 짓을 할 것처럼

는 소리 경우 자식이 mybutton 인 selected 클래스를 찾고 있습니다. (신용 morgar하는)하지만

당신은이 작업을 수행 할 수 있습니다 : 나는 대답을 게시하지만 난 문제가 무엇인지 이해하고 있는지 확실하지 않습니다 때문에 그냥 삭제

div.mybutton.selected { background-color:#ff9900; }

출처

2011-05-02 01:51:20 theabraham

$ ('메뉴 버튼') 아무것도 선택하지 않을 것입니다, 메뉴 버튼 이드입니까?

<html> 
    <head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.js"></script> 

    <style type="text/css"> 
    div.mybutton .selected{ 
    background-color:#ff9900 
    } 
    </style> 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
    $('.menu-button').hover(function(){ $(this).addClass('selected'); }, function(){ $(this).removeClass('selected'); }); 
    }); 
    </script> 

</head> 
<body> 
    <div class="mybutton"> 
    <button class="menu-button">I'm a button 1</button> 
    <button class="menu-button">I'm a button 2</button> 
    <button class="menu-button">I'm a button 3</button> 
</div> 
</body> 
</html>

데모 여기 : http://jsfiddle.net/b2YJY/

출처

2011-05-02 01:49:31

입니다. 나는 비평가가 아닌 대답을 찾고있었습니다. – ONYX

어떻게 비난 했습니까? 선택기가 잘못되어 morgar가 지적한대로 질문이 명확하지 않습니다. –

class problem css

답변

관련 문제