2012-04-25 35 views
0
<body> 

<p class="tagged">**** Tutorials & Help Videos ****</p> 
<p class="itmeggage">I have installed an icon on your desktop. 
    <br><br> The icon is called 
    <span class="folders">eCats & HELP Videos</span> 
    <br><br> 
</p> 
<p class="itmessage">There are two folders. 
    <ol> 
     <li>CheatSheet</li> 
     <li>Help Videos</li> 
    </ol> 
</p> 
    <br><br> 
<p class="note">NOTE: Help Desk is expected to go live Thursday evening or Friday morning.</p> 
</body> 

<style type="text/css"> 
    body { 
    color: purple; 
    background-color: lightblue; } 

    p.tagged {  
    font-family: sans-serif; 
    font-weight: bold; 
    font-size: xx-large; 
    color: red; 
    text-align:center; 
    } 
    p.itmeggage {  
    font-family: sans-serif; 
    font-weight: bold; 
    font-size: x-large;   
    text-overflow: ellipsis; /* will make [...] at the end */ 
    width: 500px; /* change to your preferences */ 
    white-space: wrap; /* paragraph to one line */ 
    overflow:hidden; /* older browsers */ 
    text-align:left; 
    color: green; 
    } 
    span.folders { 
    font-family: sans-serif; 
    font-weight: bold; 
    font-size: x-large; 
    color: purple;  
    text-overflow: ellipsis; /* will make [...] at the end */ 
    width: 500px; /* change to your preferences */ 
    white-space: wrap; /* paragraph to one line */ 
    overflow:hidden; /* older browsers */ 
    text-align:left; 
    } 
    p.note {  
    font-family: sans-serif; 
    font-weight: bold; 
    font-size: large; 
    color: black;  
    text-overflow: ellipsis; /* will make [...] at the end */ 
    width: 500px; /* change to your preferences */ 
    white-space: wrap; /* paragraph to one line */ 
    overflow:hidden; /* older browsers */ 
    text-align:center; 
    text-decoration:underline; 
    } 
    li { 
    font-family: sans-serif; 
    font-weight: bold; 
    font-size: x-large; 
    color: green;  
    white-space: wrap; /* paragraph to one line */ 
    overflow:hidden; /* older browsers */ 
    text-align:left; 
    } 

    </style> 

根据我创建的CSS,“有两个文件夹”不是样式。我不知道该怎么办。CSS没有正确格式化我的邮件

请帮忙!

+0

你拼错'itmessage'为'itmeggage' 'p.itmessage'。 – 2012-04-25 18:34:37

+0

OMG你是对的!谢谢 – 2012-04-25 18:36:21

+0

把它作为答案,我会给你信用 – 2012-04-25 18:36:34

回答

1

你拼错itmessageitmeggage

p.itmeggage {  
    font-family: sans-serif; 
    font-weight: bold; 
    ... 
} 

而且,你的第一个<p>具有相同的拼写,这也是为什么一个工作,而另一个没有:

<p class="itmeggage"> 
0

看起来你拼写错误的CSS选择器。它发生在我们所有人:-)

应该是代替 'p.itmeggage'

p.itmessage{  
font-family: sans-serif; 
font-weight: bold; 
font-size: x-large;   
text-overflow: ellipsis; /* will make [...] at the end */ 
width: 500px; /* change to your preferences */ 
white-space: wrap; /* paragraph to one line */ 
overflow:hidden; /* older browsers */ 
text-align:left; 
color: green; 
}