首頁猿問 <i...

<i class=""></i>與<span>測試</span>嵌套順序?qū)е碌膱D標和文字顏色顯示不一致

JavaScript

海綿寶寶撒 2019-04-13 08:37:07

我通過css調(diào)解文字和圖標沒法同時顯示同一種顏色后來通過js獲取css樣式修改span里面的css仍然沒有成功functiontest(){document.getElementById("test").style.color="red";}希望朋友幫忙指點一下，謝謝

查看完整描述

2 回答

烙印99

TA貢獻1829條經(jīng)驗獲得超13個贊

你試下把上面貼的css換成這樣試試，不知道是不是你要的結(jié)果：.footer.topmenu>li>a{	margin-top:10%;	height:48px;	margin-right:1px;	display:block;	text-align:center;	color:#B0B0B0;	background:none;	text-decoration:none;	-webkit-box-flex:1;}.footer.topmenu>li>aspan{	overflow:hidden;	margin:0000;	font-size:12px;	color:#B0B0B0;	display:block;	line-height:18px;	text-align:center;}.footer.topmenu>li>a:hover,.footer.topmenu>li>a:hoverspan{	color:#930e0e;}你的css寫的有點混亂啊，important不要亂用。

反對回復 2019-04-13

呼如林

TA貢獻1798條經(jīng)驗獲得超3個贊

關于樓主代碼中的幾個小問題1、首先用到了a標簽超鏈接，定義這個元素樣式需要使用偽類選擇器的,如：a:link{}/*設置超鏈接a在未被訪問前的樣式*/a:visited{}/*設置超鏈接a已被訪問過時的樣式*/a:hover{}/*設置超鏈接a在其鼠標懸停時的樣式*/a:active{}/*設置超鏈接a在被用戶激活時的樣式*/2、如果針對于a元素定義了顏色樣式如a:link{color:red}，那么子元素span,i標簽都會繼承color值，根據(jù)你提供的代碼默認情況下兩者的顏色會保持一致，都會繼承父元素字體顏色。3、getElementById("test")這個方法是選擇id=test對象，而你的HTML結(jié)構里屬性是我，這樣導致你的腳本會失效。4、請樓主多鞏固CSS的一些選擇器和屬性的基礎用法，提供一個CSS參考手冊如還有疑問，歡迎交流。