3

myPage id だけにスタイルを適用したかったのです。しかし、私は以下でそれを達成することができません:

<!DOCTYPE html>  
<head>  
<link rel="stylesheet" href="style1.css"/>  
</head>  
<body>  
<div>  
Welcome To CSS3....  
Learning.....!  
</div>  
<div id="myPage">  
Welcome ....  
<img src="rose1.jpg" width="200" height="200" />  
</div>  
</body>  
</html>  

.myPage div{  
border:2px solid black;  
background-color:yellow;  
font-color:red;  
box-shadow:10px 10px 7px #777  
}  

間違いを教えてください。

ありがとう

スネハ

4

5 に答える 5

5

このセレクターを使用する場合:

.myPage div

のクラスの要素を探していますmyPage。代わりにこれが必要です:

#myPage div

.クラスを探します。は#、特定の ID を持つ要素を探します。

于 2012-06-11T05:10:14.083 に答える
1

iddivのはmyPageであるため、要素にスタイルを適用するには、idを使用する必要があります##myPageここでは divを使用する必要があります。は.、スタイルをクラスに適用するために使用されます。基本リファレンス。

于 2012-06-11T05:13:27.033 に答える
0

ページ自体にcssスタイルを指定した場合は、次のようにする必要があります

<スタイル>

// css コード

< /スタイル>

id -- # を使用する代わりに、クラス -- を使用しました。それが間違いだった

于 2012-06-11T05:15:41.787 に答える
0

セレクターは、div が含まれるクラス myPage を探しています。

次のセレクターを試してください。

div#myPage { }

これは、div であり、myPage の ID を持つ要素を探します。

ドットはクラスを示し、ハッシュは ID を示します。セレクター#myPage divは、div であり、myPage の ID を持つ要素ではなく、内部に div を持つ ID myPage を持つすべての要素を示します。

于 2012-06-11T05:16:50.293 に答える
0


.myPage div{}これにより、クラスmyPageが 「.」
を 記憶する要素内の div に css が適用されます。クラスは「#」、IDは「#」
なので、次のように変更するだけです

<style>
    #myPage{  
    border:2px solid black;  
    background-color:yellow;  
    font-color:red;  
    box-shadow:10px 10px 7px #777  ;
    } 
</style>

それはあなたの問題を解決します

于 2012-06-11T05:17:04.213 に答える