將CSS3樣式應用於特定ID
[英]applying css3 style to specific id
問題描述
我只想將樣式應用於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
}
請告訴我故障。
謝謝
斯納
5 個解決方案
解決方案1
4 2012-06-11 05:10:14
使用此選擇器時：
.myPage div
您正在尋找具有myPage 類的元素。 您想要這個：
#myPage div
的. 尋找課程。 #查找具有特定ID的元素。
解決方案2
0 已采納 2012-06-11 05:13:27
div的id是myPage ，因此要將樣式應用於具有id元素，必須使用# 。 您應該在此處使用#myPage div。 的. 用於將樣式應用於類。 基本參考。
解決方案3
0 2012-06-11 05:15:41
當您在頁面本身中指定css樣式時，必須如下
<樣式>
// CSS代碼
</ style>
而不是使用id-＃是去上課的-。 那是錯誤的
解決方案4
0 2012-06-11 05:16:50
選擇器正在查找類myPage，其中包含div。
嘗試以下選擇器：
div#myPage { }
這將查找既是div又是myPage id的元素。
點指示一個類，哈希表示一個ID。 選擇器#myPage div將指示ID為myPage且內部具有div的任何元素，而不是既是div且ID為myPage的元素。
解決方案5
0 2012-06-11 05:17:04
.myPage div {}，這會將CSS應用於具有類myPage的元素中的div
記住“。” 用於類，“＃”用於id
所以只要像
<style>
#myPage{
border:2px solid black;
background-color:yellow;
font-color:red;
box-shadow:10px 10px 7px #777 ;
}
</style>
它將解決您的問題
當ID元素的名稱開頭保持相同且結尾不同時，將CSS樣式應用於ID元素
[英]Applying a CSS style to an ID element when the beginning of its name stays identical and the end varies
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.