我有一些非常基本的HTML,并尝试div使用内联样式设置样式.第一个片段通过将样式放在head元素中来工作,但另一个片段根本不起作用.是什么原因?
作品
<!DOCTYPE html>
<html>
<head>
<style>
#click-me {
background-color: red;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<div id='click-me'></div>
<iframe src='//someURL' width=800 height=600>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
不行
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id='click-me'></div>
<iframe src='//someURL' width=800 height=600>
<style>
#click-me {
background-color: red;
width: 200px;
height: 200px;
}
</style>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)