[問題] CSS 設定問題

看板Web_Design作者 (消失)時間14年前 (2011/08/18 11:28), 編輯推噓1(1013)
留言14則, 5人參與, 最新討論串1/1
假使有以下的code 每個表格內有一個圖片 想要做到滑鼠移動到圖片上的時候游標會變成其他圖示,因為大概有2X張這樣的圖片, 但是因為每個圖片有自己的id了, 所以我把css的id加在 td 裡面, <td id="xxx" align="center" valign="top" colspan="2"> 但是這樣會變成滑鼠移動到表格內的時候游標已經變圖案了, 但是實際上還沒有點到圖片上, 因此我要去做其他動作時還是無法操作, 要怎麼讓滑鼠真正移動到圖片範圍內的時候才改變游標呢? (img 的id 那些有特殊用途 暫時無法統一) <tr> <td align="center" valign="top" colspan="2"><img src="../Images/C.gif" name="img3" id="img3" /></td> </tr> <tr> <td align="center" valign="top" colspan="2"><img src="../Images/C.gif" name="img4" id="img4" /></td> </tr> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.42.62.203

08/18 11:33, , 1F
對img設定cursor屬性
08/18 11:33, 1F

08/18 11:40, , 2F
但是那一頁面還有其他img, 而只有這一部分的img才會需要
08/18 11:40, 2F

08/18 11:53, , 3F
共通點只有img id 會以數字遞增
08/18 11:53, 3F

08/18 12:02, , 4F
加class..
08/18 12:02, 4F

08/18 12:06, , 5F
重點就是圖片有各自的id 有其他用途 css該加在哪較適合
08/18 12:06, 5F

08/18 12:06, , 6F
除了一個一個加的方法之外
08/18 12:06, 6F

08/18 12:07, , 7F
總不能20張圖片加20次css吧
08/18 12:07, 7F

08/18 12:10, , 8F
目標img有共同的父元素? 假設有 -> table#id td img {...}
08/18 12:10, 8F

08/18 12:13, , 9F
不然就CSS3吧 img[id^="img"]
08/18 12:13, 9F

08/18 14:54, , 10F
你要像樓上大大說的 用共同的母元素去修飾裡面的img
08/18 14:54, 10F

08/18 14:55, , 11F
在你的例子中 你要加在td的不是id 而是class
08/18 14:55, 11F

08/18 14:56, , 12F
用td.yourclass img {} 這樣就會作用在全部img上
08/18 14:56, 12F

08/18 14:57, , 13F
或是把class加在更高的parent像是table也可以
08/18 14:57, 13F

08/18 14:57, , 14F
看你的需求去建構你的css
08/18 14:57, 14F
文章代碼(AID): #1EJ8RA0Y (Web_Design)