首頁(yè) 猿問(wèn) 以下這個(gè)情況字體顏色不會(huì)顯示，為什...

以下這個(gè)情況字體顏色不會(huì)顯示，為什么非要加個(gè)#title_a用這個(gè)才能顯示呢？

Sass/Less

蠱毒傳說(shuō) 2021-11-02 11:07:53

<div id="title"><a href="" id="title_a">百度百科</a></div> 這里#div{color：red；}

查看完整描述

2 回答

慕俠2389804

TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊

id選擇器：#title {color: red;}，表示<div id="title">標(biāo)簽中內(nèi)容顏色為紅色，那么<a href="" id="title_a">屬于div標(biāo)簽的子標(biāo)簽，會(huì)繼承相關(guān)屬性，但是a標(biāo)簽繼承時(shí)，是不能繼承顏色和下劃線的，所以<a href="" id="title_a">中內(nèi)容顏色不會(huì)變化，還是默認(rèn)藍(lán)色加下劃線。
#title_a {color：red;}，表示<a href="" id="title_a">標(biāo)簽中內(nèi)容為紅色，直接設(shè)置標(biāo)簽內(nèi)容顏色，所以“百度百科”顏色為紅色。

反對(duì) 回復(fù) 2021-11-06

慕容708150

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超4個(gè)贊

<HEAD>
<TITLE>如何通過(guò)JS實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)圖片1.gif 2.gif 3.gif 4.gif的時(shí)候動(dòng)態(tài)的提取這些圖片的title指到box2中 </TITLE>
<style type="text/css">
.on{padding15px 10px; font-weightbold;colorred;}
.off{padding0px 0px; font-weightthin;colorblack;}
</style>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script>
jQuery(function($) {
$('#box img').each(function(){
$(this).bind('mouseenter mouseleave',function(){
var t = '|'+this.title+'|';
if($("#box2").text().indexOf(t)==-1)
{
$("#box2").text($("#box2").text()+t);
}
});
});
});
</script>
</HEAD>
<BODY>

<div class="box" id="box">
<a href="#" class="pic1">
<img src="mouse_drag\images\b.gif" title="1" />
</a>
<a href="#" class="pic2">
<img src="mouse_drag\images\b.gif" title="2" />
</a>
<a href="#" class="pic3">
<img src="mouse_drag\images\p.gif" title="3" />
</a>
<a href="#" class="pic4">
<img src="mouse_drag\images\g.gif" title="4" />
</a>
</div>
<div class="box2" id="box2"></div>
</BODY>