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

选择器正在寻找类 myPage，其中包含一个 div。

尝试以下选择器：

div#myPage { }

这将寻找一个既是 div 又具有 myPage id 的元素。

点表示一个类，哈希表示一个id。选择器#myPage div将指示任何具有 id myPage 且内部有 div 的元素，而不是既是 div 又具有 myPage 的 id 的元素。

于 2012-06-11T05:16:50.293 回答
0


.myPage div{}这会将 css 应用于具有类myPage
remember "."的元素内的 div。对于类和“#”对于 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 回答