Question

<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，“有两个文件夹”这些词没有样式。我不知道该怎么做。

请帮忙！

Answer 1

您拼错itmessage itmeggage：

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

此外，您的第一个<p>具有相同的拼写，这就是为什么一个有效，另一个没有：

<p class="itmeggage">

Answer 2

看起来你拼错了CSS选择器。它发生在我们所有人身上： - ）

应该是'p.itmessage'而不是'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;
}

CSS没有正确格式化我的消息

2 个答案: