Question

这是一个家庭作业问题。这不是一个年级（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>

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

Answer 1

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;

.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;

Answer 2

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

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

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

我需要帮助理解样式表

2 个答案: