通過hover修改其他元素

2022-08-26 21:18:26 字數 783 閱讀 9293

hover,我們都知道,是監聽元件「懸停狀態」的乙個偽類。

我們一般通過hover來修改元件的背景什麼的,很少涉及到太複雜的操作。也就是說我們一般只是對加了hover偽類的元素自身的樣式進行改變,比如這樣:

.form p 

.form p:hover

.form span

.form p:hover span

上面的**中我們為p標籤加了hover偽類,當滑鼠懸浮時,將背景色改變並將p標籤內的span標籤中的內容顯示出來。

但如果將span標籤定義到p標籤外面,同樣滑鼠懸浮到p標籤上我們要顯示span的內容怎麼辦?

css提供了乙個「+」來代表兄弟元素。

注意:兄弟元素必須有相同的父節點,且緊緊相鄰(之間不能有任何其他標籤)。

那麼我們通過這個方法來修改一下剛才的**:

我們將span標籤從p中拿了出來,並緊貼著p標籤放在了其後面。

這樣就成功了。

通過JS修改元素樣式

語法 元素,style.樣式名 樣式值 var box1 document.getelementbyid box1 box1.syle.width 100px 注意 如果css樣式名含有 如 background color,這種名稱在js中不合法,需要將樣式名修改為駝峰命名法,background...

通過js修改元素html屬性

獲取元素物件 var title document.getelementbyid title 通過style屬性修改樣式,在css中樣式名是通過 分隔,在js中,樣式名要用駝峰命名法 title.style.fontsize 20px textcontent和innerhtml屬性都用於修改元素的內...

新增其他常用元素

優秀的頁面開發人員必須擁有過硬的技術與務實的專業精神 結果 中國zhongguo 中國 zhongguo 結果 結果 結果 結果 貓科動物的介紹 一般的貓 頭圓 顏面部短,前肢五指,後肢四趾,趾端具銳利而彎曲的爪,爪能伸縮。夜行性。以伏擊的方式獵捕其他動物,大多能攀緣上樹。貓的趾底有脂肪質肉墊,以免...