不確定爲什麼我的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不起作用

回答

相關問題