请阅读下面的代码,并按照要求作答。HTML中的代码如下:<;div id="father" class="c1">;<;p id="son" class="c2">;文字<;/p>;<;/div>;>;使用内嵌式CSS样式,对应代码如下:<;style type="text/css">;#father #son{color:blue;}#father p.c2{color:yellow;}div.c1 p.c2{color:red;}#father p{color:green;}<;/style>;认真分析以上代码,写出页面中的“文字”是什么颜色?
举一反三
- 页面上的div标签,其HTML结构如下: 传智播客 对应的CSS样式代码如下: #father #son{ color:red; } #father p{ color:blue; } div .son{ color:yellow; } div p{ color:green; } 那么,文字的颜色将显示为( )
- 请阅读下面的代码,并按照要求作答。HTML中的代码如下:文字使用内嵌式CSS样式,对应代码如下:#father#son{color:blue;}#fatherp.c2{color:yellow;}div.c1p.c2{color:red;}#fathep{color:green;}认真分析以上代码,写出页面中的“文字”是什么颜色?
- 下面代码使用HTML元素的ID属性,将样式应用于网页上的某个段落:<P id="firstp">这是第一个段落</P>下面选项中,( )正确定义了上面代码引用的样式规则。 A: <STYLE TYPE="text/css">p{color:red}</STYLE> B: <STYLE TYPE="text/css"> C: firstp{color:red}</STYLE> D: <STYLE TYPE="text/css">.firstp {color:red}</STYLE> E: <STYLE TYPE="text/css">p.firstp{color:red}</STYLE>
- 页面上的div标签,其HTML代码为<div id="box" class="red">文字</div>,为其设置CSS样式如下: #box{ color:blue; } .red{ color:red; } 那么,文字的颜色将显示为
- 下面代码使用HTML元素的id属性,将样式应用于网页上的某个段落:<p id="firstp">这是第一个段落</p> 以下关于样式规则定义正确的是( )。 A: <style type="text/css"> p{color:red}</style> B: <style type="text/css"> #firstp {color:red}</style> C: <style type="text/css"> .firstp {color:red}</style> D: <style type="text/css"> p.firstp {color:red}</style>