CSS 語法問題

css html

窮嘶發發發 2016-09-09 11:18:32 ‧ 2054 瀏覽

以下是我的HTML 碼

<div class=d1>
    <div id=d2a>
    A
    </div>
    <div id=d2b>
    B
    </div>
</div>

我的問題是 d1 這個區塊她會因為使用者動作後再加入另一個定義好的 class css
然後我希望做的事情是，但加入另一個定義好的 class css 時
d2b 這個區塊的 css 可以被改變
我希望去定義 d1 的 css 同時改變 d2b 的 css內容，這樣有可能做到嗎 ?

感謝 fillano 大神的回應，補上大神建議的 CSS 語法如下

.d2a { color: red }
.d2b { color: blue }
.d2a:hover ~.d2b { display: none; }

看更多先前的討論...收起先前的討論...

fillano iT邦超人 1 級 ‧ 2016-09-09 11:25:19 檢舉

https://jsfiddle.net/u0qz53x7/ 這樣？

窮嘶發發發 iT邦高手 1 級 ‧ 2016-09-09 13:07:21 檢舉

感謝弄個範例，但這不是我要的，當然用JS 一定可以，
我需要的是純 CSS 的解法
例如當我 MOUSE HOVER d2b 時 d2a 被 display:none;
我想要的大概就是這樣，不透過 JS 只寫 CSS 來達成

窮嘶發發發 iT邦高手 1 級 ‧ 2016-09-09 13:08:36 檢舉

簡單說當前的選擇器去定義其他選擇器的 CSS 樣式

fillano iT邦超人 1 級 ‧ 2016-09-09 13:19:11 檢舉

https://jsfiddle.net/fillano/0pu3492x/ 那這樣？

窮嘶發發發 iT邦高手 1 級 ‧ 2016-09-09 13:58:57 檢舉

沒錯沒錯，原來是這麼用的，感恩，我等等來試試看

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

IT邦幫忙