不确定为什么我的CSS不起作用

如果我使用id来实现css，它不起作用。但是，如果我在CSS中指定html元素，它可以工作。（虽然，然后我不能操纵独特的文本框）（由画布标签示范）

帮助吗？

<style type="text/css"> 
canvas { position:absolute; 
z-index:-1; 
top:0px; 
left:100px; 
} 

.wrapper{ height:100%; 
width:100%;     
} 

.username { position:absolute; 
top:200px; 
left:150px; 
visibility:hidden; 
z-index:1; 
} 

.password { position:absolute; 
top:300px; 
left:150px; 
visibility:hidden; 
z-index:2; 
} 

</style> 

</head> 
    <body> 
      <div id="wrapper"> 
       <canvas id = "gamescreen" height = "800" width = "800"></canvas> 
       <input type="text" name="username" id="username" /> 
       <input type="password" name="password" id="password" /> 
      </div> 
    </body>

来源

2011-08-17 Schenn

问题是.选择器在类上工作。如果你想使用他们的ID选择元素，你需要使用ID号前面的#。例如：
CSS

＃示例{ 背景：黑色; }

HTML

<div id="example></div>

来源

2011-08-17 01:37:58 secretformula

** facepalm **应该记住这一点。 – Schenn

哈哈我们都没有问题，很高兴我能得到我的第一个声望点：p – secretformula

@secretformula：不客气:) – BoltClock

你已经实现了什么是CSS 类。声明你的div与class="wrapper"等应用这些样式。您还应该为这些特定样式指定更细的类，例如input.username,input.password和div.wrapper。或者，如果您只是针对特定元素完成此操作，并且不打算在其他地方重复使用这些样式，请将.前缀更改为#以匹配元素的id而不是其012位的class。

来源

2011-08-17 01:40:33 darvids0n

是啊，Secretformula回答了上面的问题。谢谢你！ – Schenn

不确定为什么我的CSS不起作用

回答

相关问题