將css3樣式應用於特定ID

我想僅將樣式應用於myPage ID。但我無法用以下方法實現它：將css3樣式應用於特定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 
}

請告訴我故障。

感謝

斯納

來源

2012-06-11 Smitha

您的div的id是myPage，所以要將樣式應用於id的元素，您必須使用#。你應該在這裏使用#myPage div。 .用於將樣式應用於類。 Basic Reference.

來源

2012-06-11 05:13:27 freebird

當你使用這個選擇：

.myPage div

您正在尋找與類myPage的元素。你想要這個：

#myPage div

.尋找類。 #查找具有特定ID的元素。

來源

2012-06-11 05:10:14 Blender

，當你在網頁給出CSS樣式本身必須是如下

<風格>

// CSS代碼

< /風格>

和，而不是使用的ID - ＃你去上課 - 。這是錯誤

來源

2012-06-11 05:15:41

選擇器正在尋找myPage類，其中包含一個div。

請嘗試以下選擇：

div#myPage { }

這將尋找既是一個div並具有MYPAGE的id的元素。

點指示一個類，哈希表示一個id。選擇器#myPage div將指示id爲myPage的任何元素，其中包含div，而不是既是div又具有myPage id的元素。

來源

2012-06-11 05:16:50

.myPage的div {}這將CSS應用到元素中的div有一類MYPAGE
記得「」類和「＃」爲ID
所以才作出這樣

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

的變化將解決您的問題

來源

2012-06-11 05:17:04 vikrantx

感謝ü所有..你已經得到了很大的幫助我。 – Smitha

將css3樣式應用於特定ID

回答

相關問題