ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingเครื่องหมาย + ใน css คืออะไรครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: เครื่องหมาย + ใน css คืออะไรครับ  (อ่าน 2549 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
hurahura
สมุนแก๊งเสียว
*

พลังน้ำใจ: 20
ออฟไลน์ ออฟไลน์

กระทู้: 868



ดูรายละเอียด
« เมื่อ: 26 มิถุนายน 2014, 17:12:34 »

เช่น
โค๊ด:
#log:hover + #form {
    opacity: 1;
}

รวมถึงเครื่องหมาย ~ ด้วย

โค๊ด:
#log:hover ~ #form {
    opacity: 1;
}

มันหมายถึงอะไรครับ
บันทึกการเข้า
max30012540
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 196
ออฟไลน์ ออฟไลน์

กระทู้: 1,310



ดูรายละเอียด
« ตอบ #1 เมื่อ: 26 มิถุนายน 2014, 17:16:52 »

เครื่องหมาย + ประมาณว่าให้อิลิเมตที่อยู่ในระดับเดียวกันมีอีเว้นท์เหมือนๆกันครับ ตามโค้ดที่ให้มานั้นหาก #log มีการวางเม้าส์เข้ามาในพื้นที่อิลิเมต ทั้ง #log และ #form จะเป็น opacity: 1; ทั้งคู่ครับ
อธิบายตามความเข้าใจ ไม่ถูกหลักการขออภัยด้วยครับ
บันทึกการเข้า
Synchronize
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 83
ออฟไลน์ ออฟไลน์

กระทู้: 1,233



ดูรายละเอียด
« ตอบ #2 เมื่อ: 26 มิถุนายน 2014, 17:26:13 »

+  คือ select อันถัดไป ที่อยู่ติดกัน อันเดียวครับ อย่างในตัวอย่าง

#log:hover + #form

จะได้

<div id="log"></div>  <--- ถ้า hover อันนี้
<div id="form"></div>  <--- จะ select เจออันนี้

ส่วนตัว ~ ก็เหมือน + ครับ  แต่มัน เอาหมดเลย เช่น

#log:hover ~ #form

<div id="log"></div>  <--- ถ้า hover อันนี้
<div id="form"></div>  <--- จะ select เจออันนี้
<div id="form"></div>  <--- จะ select เจออันนี้
<div id="form"></div>  <--- จะ select เจออันนี้

(ซึ่งจริงๆ มันทำแบบนี้ไม่ได้นะ เพราะ # มันสร้างชื่อซ้ำไม่ได้)


ปล. ขอแย้ง ความเห็นท่าน max30012540  #log จะไม่ถูก select ไปด้วยนะครับ


 wanwan017
บันทึกการเข้า

hurahura
สมุนแก๊งเสียว
*

พลังน้ำใจ: 20
ออฟไลน์ ออฟไลน์

กระทู้: 868



ดูรายละเอียด
« ตอบ #3 เมื่อ: 26 มิถุนายน 2014, 17:56:48 »

อ๋อเข้าใจละ ขอบคุณมากเลยครับ


ถามอีกอย่าง แล้วถ้าให้มันทำอันก่อนหน้าตัวมันได้หรือเปล่าครับ เช่น

<div id='aaa'>AAA</div>
<div id='bbb'>BBB</div>

ให้เอาเม้าส์วางที่ B แล้วไป select ที่ A

มันทำได้หรือเปล่าครับ
บันทึกการเข้า
Synchronize
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 83
ออฟไลน์ ออฟไลน์

กระทู้: 1,233



ดูรายละเอียด
« ตอบ #4 เมื่อ: 26 มิถุนายน 2014, 18:03:04 »

ยังไม่มี selector ตัวไหน ทำแบบนั้นได้นะครับ (หรือไม่ผมก็ไม่รู้)

แต่มันจะมีวิธี  เอา  B วางก่อน A แล้ว จัดตำแหน่ง ให้ A มาอยู่ ก่อน B แทนเอาน่ะครับ

 wanwan017
บันทึกการเข้า

dekmv
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 222
ออฟไลน์ ออฟไลน์

กระทู้: 3,264



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 26 มิถุนายน 2014, 20:17:22 »

ความรู้ใหม่ ขอบคุณครับผม  Tongue
บันทึกการเข้า
Jir4yu
สมุนแก๊งเสียว
*

พลังน้ำใจ: 162
ออฟไลน์ ออฟไลน์

กระทู้: 817



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 26 มิถุนายน 2014, 21:32:24 »

ถ้า selector ที่ A ก่อน B CSS อย่างเดียวอาจจะทำไม่ได้ครับ
ส่วนมากก็จะใช้ javascript ช่วยกัน

อีกทางเลือกนึงคือ นำ b ขึ้นมาไว้ก่อน a แล้วเวลา render ใช้ javascript ผลัก b ลงไปหลัง a หากต้องการแสดงเฉพาะขนาดหน้าจอได้ครับ
บันทึกการเข้า

ติดตามข้อมูลอัพเดทข่าวสารอย่างมือถือ แอป เกม รวมถึงคริปโตได้ที่เว็บไซต์ thetechr.com - ข่าวไอทีใหม่ๆ ไม่พลาดทุกก้าวเทคโนโลยี
หน้า: [1]   ขึ้นบน
พิมพ์