Question

我想将样式仅应用于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  
}

请告诉我错误。

谢谢

斯纳

Answer 1

使用此选择器时：

.myPage div

您正在寻找包含myPage的类的元素。你想要这个：

#myPage div

.查找课程。 #查找具有特定ID的元素。

Answer 2

您的div的id为myPage，因此要将样式应用于id的元素，您必须使用#。你应该在这里使用#myPage div。 .用于将样式应用于类。Basic Reference.

Answer 3

当你在页面中给出css样式时，必须如下所示

＆LT;风格＆GT;

// css code

＆LT; /风格＆GT;

而不是使用id - ＃你去了上课 - 。这是错误

Answer 4

选择器正在查找类myPage，其中包含div。

尝试以下选择器：

div#myPage { }

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

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

Answer 5

.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>

它将解决您的问题

将css3样式应用于特定id

5 个答案: