将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

回答

相关问题