我需要帮助理解样式表

时间:2015-07-01 05:02:59

标签: html css

这是一个家庭作业问题。这不是一个年级(FYI)。但我们必须为期末考试研究问题。我失去了这个特殊的问题,需要更好地理解如何得出答案。请看下面的问题:

考虑这个样式表:

.x{ color: blue;}

.y{ font-size: 16pt;}

.z {font-style: italic; color: red;}

将以下文字与其外观相匹配。

A. 16pt
B. red, italic 
C. blue, italic
D. blue

1. < span class=x > TEXT < /span>

2. < span class=y> TEXT < /span>  

3. < span class=x> < span class="z">TEXT< /span > < /span>    

4. < span class=z > < span class=x>TEXT< /span>< /span>  

任何人都可以帮助我更好地理解这一点吗?

2 个答案:

答案 0 :(得分:5)

1 - &gt; D (类x包含蓝色)

2 - &gt; (类y包含16pt字体大小的属性)

3 - &gt; B (根据CSS优先级,类z将应用于选项3,这将使TEXT为红色和斜体)

4 - &gt; C (将首先应用类z,这将使TEXT变为红色和斜体,然后将应用类x,这将使TEXT变为蓝色)

CSS in action:

&#13;
&#13;
.x {color: blue;}

.y {font-size: 16pt;}

.z {font-style: italic; color: red;}
&#13;
<span class=x>TEXT</span>

<span class=y>TEXT</span>  

<span class=x><span class=z>TEXT</span></span>    

<span class=z><span class=x>TEXT</span></span>  
&#13;
&#13;
&#13;

答案 1 :(得分:0)

class = x对应于样式表中的.x

所以当你从问题html中看到class = x时,你应该回头看样式表。在样式表中,您可以看到为color属性指定了值blue。现在,这种风格的TEXT也将是蓝色的。

对其余问题采用相同的程序