Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > ถามเรื่อง css นิดห่นอยครับ div.img กับ .img ต่างกันอย่างไร

ถามเรื่อง css นิดห่นอยครับ div.img กับ .img ต่างกันอย่างไร

เริ่มหัวข้อใหม่

nick

โพสกระทู้ ( 32 )
บทความ ( 0 )

Code (PHP)

div.img{


}

.img{



}

ต่างกันอย่างไรเหรอครับ
ผมลองเทสดูก็ไม่เห็นจะต่างกันตรงไหน

Tag : - - - -

Date : 2010-02-12 14:17:17

By : unknowszaa

View : 1126

Reply : 3

No. 1

Codeman

โพสกระทู้ ( 538 )
บทความ ( 3 )

อันนึงเป็นคลาส อันนึงเป็น คลาสของ tag

.img {} <-- อันนี้เป็นคลาส ใครมาเรียกใช้ก็ได้

div.img {} <-- อันนี่จะมีผลก็ต่อเมื่ออยู่ใน tag <div></div> เท่านั้น

Date : 2010-02-12 14:27:27

By : salapao_codeman

No. 2

nick

โพสกระทู้ ( 32 )
บทความ ( 0 )

ขอบคุณมากครับ

หายสงสัยเลย

Date : 2010-02-12 14:46:05

By : unknowszaa

No. 3

LindyFralin

โพสกระทู้ ( 114 )
บทความ ( 0 )

ผิดครับ

div.img {} แบบนี้ คือ <div class="img">test</div> แต่ถ้าประกาศ .img เฉย ๆ ก็ใช้ได้เหมือนกันแต่จะมีเงื่อนไขนิดนึง

div .img{}
มีผล เมื่อ element อะไรก็ได้ เช่น p img ul li แต่ต้องอยู่ใน div เช่น <div > <p class="img">test</p></div>

.img ทุก element สามารถ นำไปใช้ได้ ครับ

้ถ้าจะบอกว่ามันต่างกันไหม คือมันไม่ต่างกันครับ แต่แค่บอกให้มันเรียก Class โดยมีเงือนไข เท่านั้น

สังเกตุว่า มันก็คือ class .img ทั้งหมด

<div class="img">test</div>
<div ><p class="img">test</p></div>

แล้ว .img ถ้าประกาศ แบบนี้มันต่างกันไหม เมื่อมันก็คือ class เดียวกัน

คำตอบคือ เหมือนกัน แต่ css จะให้น้ำหนัก ในการประกาศ โดยมีการ element นำหน้ามากกว่า

เช่น
.img {background:blue;font-size:16px}
div .img{ background:red}

<p class="img"> จะได้ฟ้อน 16 px พื้นน้ำเงิน</p>
<div><span class="img"> จะได้ฟ้อน 16 px พื้นแดง</span></div>

สังเกตุว่าเรามี font ที่ เท่ากัน ทั้งที่ div .img นั้นไม่ได้ประกาศเอาไว้

โดยปกติแล้ว ถ้า Class นั้นถูกประกาศ อีกครั้งและ properties เหมือนกัน เขาจะเอา property ของ Class ใหม่ มาแทนที่ property เดิม

แต่่ในกรณีนี้ property จะไม่ถูกทับ คับ เพราะ div .img กับ .img div.img มีความสำคัญกว่า

แต่ถ้าเราต้องการให้ .img มีความสำคัญกว่า ในทุกอันต้องประกาศ .img{ background:red !important }

แต่คำสั่ง !important นี้ใช้ไม่ได้ กับ ie6

Date : 2010-02-12 17:58:44

By : LindyFralin

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ถามเรื่อง css นิดห่นอยครับ div.img กับ .img ต่างกันอย่างไร

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก