การซ่อนข้อความแบบหลายที่

โค้ด css

#gname{
	width:120px;height:150px;
	border:1px solid #cccccc;
	background-color:#999999;
	display:none;
	padding:5px;
	overflow:hidden;
}

โค้ด html

  <div id="gname1" >ข้อความ1</div>
  <div id="gname2" >ข้อความ2</div>
  <div id="gname3" >ข้อความ3</div>
...
...
...
  <div id="gname999" >ข้อความ999</div>

ถามว่าจะเขียน css ยังไงให้มันซ่อนทั้งหมด ทุกอัน แบบไม่ต้องมากำหนดทีล่ะ อัน

ไม่เอาแบบนี้น่ะ

#gname1{
	width:120px;height:150px;
	border:1px solid #cccccc;
	background-color:#999999;
	display:none;
	padding:5px;
	overflow:hidden;
}
#gname2{
	width:120px;height:150px;
	border:1px solid #cccccc;
	background-color:#999999;
	display:none;
	padding:5px;
	overflow:hidden;
}
....
....
....
#gname999{
	width:120px;height:150px;
	border:1px solid #cccccc;
	background-color:#999999;
	display:none;
	padding:5px;
	overflow:hidden;
}

 เพิ่ม class ให้เหมือนกันทุก ตัวแล้วกำหนด css

  <div id="gname1" class="myclass" >ข้อความ1</div>  
  <div id="gname2" class="myclass">ข้อความ2</div>  
  <div id="gname3" class="myclass">ข้อความ3</div>  
...  
...  
...  
  <div id="gname999" class="myclass">ข้อความ999</div> 

div.myclass{
   display:none;
}

ขอบคุณมากครับ คิดไม่ถึงมาก่อนเลยว่ากำหนดเอาจาก class ก็ได้ 555+ ขอบคุณครับ