以下这个情况字体颜色不会显示,为什么非要加个#title_a用这个才能显示呢?

<div id="title"><a href="" id="title_a">百度百科</a></div> 这里#div{color:red;}

蛊毒传说
浏览 372回答 2
2回答

慕侠2389804

id选择器:#title {color: red;},表示<div id="title">标签中内容颜色为红色,那么<a href="" id="title_a">属于div标签的子标签,会继承相关属性,但是a标签继承时,是不能继承颜色和下划线的,所以<a href="" id="title_a">中内容颜色不会变化,还是默认蓝色加下划线。#title_a {color:red;},表示<a href="" id="title_a">标签中内容为红色,直接设置标签内容颜色,所以“百度百科”颜色为红色。

慕容708150

<HEAD><TITLE>如何通过JS实现鼠标经过图片1.gif 2.gif 3.gif 4.gif的时候动态的提取这些图片的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>
打开App,查看更多内容
随时随地看视频慕课网APP