PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

การซ่อนข้อความแบบหลายที่
โค้ด 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;
}

 



โดย:  นพพร IP: 123.242.160.xxx วันที่: 16-12-2010 เวลา: 12:32:31

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 2

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



โดย:  นพพร IP: 123.242.160.xxx วันที่: 16-12-2010 เวลา: 13:19:02
 ความคิดเห็นที่ 1

 เพิ่ม 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;
}

 



โดย:  Ninenik IP: 183.89.189.xxx วันที่: 16-12-2010