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>

「フォルダーが 2 つある」という言葉は、私が作成した CSS によるとスタイリングされていません。どうすればいいのかわからない。

助けてください！

4

2 に答える 2

1

次のようにスペルitmessageを間違えましたitmeggage:

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

また、最初<p>のスペルは同じです。これが、一方が機能し、もう一方が機能しなかった理由です。

<p class="itmeggage">
于 2012-04-25T18:35:17.573 に答える
0

CSSセレクターのスペルを間違えたようです。それは私たち全員に起こります:-)

'p.itmeggage'ではなく'p.itmessage'にする必要があります

  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;
}
于 2012-04-25T18:38:03.423 に答える