Re: [問題] 請問css這樣的選擇器要怎麼寫

[rangerjero (遊俠傑洛)]

<!--jquery-->
$(".change").click( function () {
      $(".menu").addClass("open");
});

<!--css-->
.menu{
height:30px;
background-image: url(image/a.jpg);
}
.menu.open{
height:60px;
backbround-image: url(image/b.jpg);
}


<!--html-->

<div class="menu">
  <a class="change"  href="#">文字內容</a>
</div>


另推jQueryAPI参考文檔中文版翻譯, 雖然是簡體版, 不過還蠻實用的!

http://ppt.cc/z~lS





 引述《knives ()》之銘言：
: 我有一個jQuery的程式
: 該功能，只是很單純的在原來的地方，多加一個class透過addClass()
: html就像這樣
: <a class="menu_option" title="按此開啟更多">
:         <div class="menubutton"></div>
: </a>
: 如果按了menu_option的話，就會加上一個 opened 的class
: 然後裡面的menubutton的背景圖就會變成另外一張
: 目前的css是這樣
: .menu_option   div.menubutton{
: height:30px;
: background-image: url(image/menu_close.jpg);
: }
: 可是我有個疑問是
: 我要怎麼 寫css選擇器，當多增加一個opened 這個類別
: 就換成另外一張圖呢
: 寫成這樣:
: .opened div{
: height:30px;
: background-image: url(image/menu_open.jpg);
: }
: 又覺得限制條件太寬鬆了

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 125.231.208.245

※ 編輯: rangerjero      來自: 125.231.208.245      (07/15 00:27)