ปรับ CSS ยังไงให้ใช้ได้หมดทุกDIV ย่อย ในDIVหลัก

[affsom]

คือต้องการลักษณะนี้ครับ

<div>                                  ....(div บนสุด สร้างเอง)
     <div>                            ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)

คือต้องการให้div ย่อยมีลักษณะ display:inline; โดยที่ไม่ต้องกำหนดที่cssของตัวมันอ่ะครับ เพราะdivย่อยตัวนี้มันจะดึงข้อมูลมาจากที่อื่นกำหนดstyleมันไม่ได้ครับ และชื่อdivที่ดึงมาชื่อมันก็ไม่เหมือนกัน ผมลองกำหนดแบบนี้ในCSS style sheet
div {
display:inline;
}

มันกำหนดได้ครับแต่ว่ามันไปส่งผลกับdiv ตัวอื่นๆให้เป็นแบบinlineไปด้วย
จะทำยังไงครับถ้าต้องการกำหนดให้เฉพาะ Div ที่อยู่ภายใน DIVหลักมีลักษณะInline
ขอบคุณมากครับ

[vanavat]

เขียน class ให้มันเฉพาะไม่ได้หรอครับ

[affsom]

เขียน class ให้มันเฉพาะไม่ได้หรอครับ

มันดึงมาครับ กำหนดclassได้ครับ แต่ดึงมาทีนึงหลายพันตัวเลยครับ ต้องไปไล่ใส่classในhtml คงจะไม่ใหวอ่ะครับ

[obannon]

ไม่รู้ผมเข้าใจถูกไหม ไม่ได้ลองนะครับ ถ้าไม่ได้ต้องขออภัย

<div>                                  ....(div บนสุด สร้างเอง)
    <div style="display: inline;">    ....(div ทั่วไป สร้างเอง)
          <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
          <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
    </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)

[affsom]

ไม่รู้ผมเข้าใจถูกไหม ไม่ได้ลองนะครับ ถ้าไม่ได้ต้องขออภัย

<div>                                  ....(div บนสุด สร้างเอง)
    <div style="display: inline;">    ....(div ทั่วไป สร้างเอง)
          <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
          <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
    </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)

ทดลองแล้วไม่ได้ครับ

[Jellopy]

โค้ด เลือก ขยาย


<style type="text/css">
.in > div {
display: inline;
}
หรือ
.in div {
display: inline;
}
</style>

<div>                                  ....(div บนสุด สร้างเอง)
     <div class="in">             ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)


อธิบาย
.parent > .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent เฉพาะชั้นแรก (หากซ้อน .child ใต้ tag อื่นอีกที rule นี้จะไม่มีผล )

.parent .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent ทั้งหมด

[vanavat]

โค้ด เลือก ขยาย


<style type="text/css">
.in > div {
display: inline;
}
หรือ
.in div {
display: inline;
}
</style>

<div>                                  ....(div บนสุด สร้างเอง)
     <div class="in">             ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)


อธิบาย
.parent > .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent เฉพาะชั้นแรก (หากซ้อน .child ใต้ tag อื่นอีกที rule นี้จะไม่มีผล )

.parent .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent ทั้งหมด

ผมก็คิดว่าตามนี้น่าจะได้นะครับ

[affsom]

โค้ด เลือก ขยาย


<style type="text/css">
.in > div {
display: inline;
}
หรือ
.in div {
display: inline;
}
</style>

<div>                                  ....(div บนสุด สร้างเอง)
     <div class="in">             ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)


อธิบาย
.parent > .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent เฉพาะชั้นแรก (หากซ้อน .child ใต้ tag อื่นอีกที rule นี้จะไม่มีผล )

.parent .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent ทั้งหมด

ได้แล้วครับ ตามข้างบนเลยครับ ขอบคุณมากครับ บวกให้แล้วนะครับ

[sys2528]

โค้ด เลือก ขยาย


<style type="text/css">
.in > div {
display: inline;
}
หรือ
.in div {
display: inline;
}
</style>

<div>                                  ....(div บนสุด สร้างเอง)
     <div class="in">             ....(div ทั่วไป สร้างเอง)
           <div> 1 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
           <div> 2 </div>         ....(div ย่อย ไม่ได้สร้างเอง ดึงมาจากที่อื่น)
     </div>                           ....(div ทั่วไป สร้างเอง)
</div>                                ....(div บนสุด สร้างเอง)


อธิบาย
.parent > .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent เฉพาะชั้นแรก (หากซ้อน .child ใต้ tag อื่นอีกที rule นี้จะไม่มีผล )

.parent .child { ... }
หมายถึงกำหนด css ให้ class .child ที่อยู่ใต้ class .parent ทั้งหมด

ได้แล้วครับ ตามข้างบนเลยครับ ขอบคุณมากครับ บวกให้แล้วนะครับ

เก่งจริง ๆ ครับผม 

[dekmv]

โห เยี่ยมเลยครับ กำลังงมอยู่พอดีครับ !

[flash]

ขอลองด้วยคนครับ