ทำยังไงให้ hover ใน แท็ก div แล้วตัวอักษรใน แท็ก div มันเปลี่ยนสีครับ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

ภาพประจำตัวสมาชิก
jamepiyawat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 851
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

ทำยังไงให้ hover ใน แท็ก div แล้วตัวอักษรใน แท็ก div มันเปลี่ยนสีครับ

โพสต์โดย jamepiyawat » 12/09/2019 3:49 pm

เนื่องจากว่าแท็ก a ถูกกำหนัดให้ตัวอักษรนั้นเป็นสีส้มผมแต่ถ้าแท็ก a ตัวไหนที่ผมไม่อยากให้เป็นตัวอักษรสีส้มผมก็จะใส้ class กำกับเอาไว้เท่าให้ตัวอักษรนั้นเป็นสีตามที่ผมต้องการ แต่ปัญหามันอยู่ที่ว่าเมือแท็ก a ไปอยู่ใน div เมือเรา hover ไปที่ div สีก็จะเปลี่ยนแต่ถ้าตัวอักษรแท็ก a ใน div ถ้าเรา hover โดนแต่ div มันก็สีตัวอักษรมันก็จะไม่เปลี่ยนผมต้องชี้ไปโดนในตัวอักษรเลยสีตัวอักษรมันถึงจะเปลี่ยนครับ

พอจะมีวิธีที่จะทำให้ hover div แล้วตัวอักษรในแท็ก a เปลี่ยนไปด้วยไหมครับ

ก่อน hover
Selection_999(803).png
Selection_999(803).png (2.5 KiB) เปิดดู 36 ครั้ง

hover ที่ div แต่เม้ายังไม่ได้ชี้โดนตัวอักษร
Selection_999(801).png
Selection_999(801).png (2.64 KiB) เปิดดู 36 ครั้ง

hover ไปที่ตัวอักษร
Selection_999(802).png
Selection_999(802).png (2.82 KiB) เปิดดู 36 ครั้ง


code

โค้ด: เลือกทั้งหมด

<div id = "checkout">
        <div class = "pull-left td_1">
            <a href = "<?php print $this->href_shop ?>" class="text_color_t">
                <?php print _MZC_BACK_TO_SHOP ?>
            </a>
        </div>
</div>


css

โค้ด: เลือกทั้งหมด

#checkout .text_color_t:hover{
  color: #fff !important;
}
#checkout .td_1:hover{
  background-color: #f54f0c !important;
}

#checkout .td_1{
  background-color: #e9eaed !important;
  line-height: 40px !important;
  color: #939393 !important;
  padding: 0 30px !important;
  border-radius: 30px !important;
  background-image: none !important;
  border: none !important;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 10128
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: ทำยังไงให้ hover ใน แท็ก div แล้วตัวอักษรใน แท็ก div มันเปลี่ยนสีครับ

โพสต์โดย tsukasaz » 12/09/2019 3:52 pm

ลองแบบนี้ เอา a ไปต่อ

โค้ด: เลือกทั้งหมด

#checkout .text_color_t:hover a {
  color: #fff !important;
}
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)

ภาพประจำตัวสมาชิก
jamepiyawat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 851
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

Re: ทำยังไงให้ hover ใน แท็ก div แล้วตัวอักษรใน แท็ก div มันเปลี่ยนสีครับ

โพสต์โดย jamepiyawat » 12/09/2019 4:03 pm

เอาไปต่อแล้วครับแต่ว่ากลายเป็นว่าเลือก css ไม่ได้เลยครับ

ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 10128
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: ทำยังไงให้ hover ใน แท็ก div แล้วตัวอักษรใน แท็ก div มันเปลี่ยนสีครับ

โพสต์โดย tsukasaz » 12/09/2019 4:07 pm

jamepiyawat เขียน:เอาไปต่อแล้วครับแต่ว่ากลายเป็นว่าเลือก css ไม่ได้เลยครับ



โค้ด: เลือกทั้งหมด

#checkout .td_1:hover .text_color_t  {
  color: #fff !important;
}
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)

ภาพประจำตัวสมาชิก
jamepiyawat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 851
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

Re: ทำยังไงให้ hover ใน แท็ก div แล้วตัวอักษรใน แท็ก div มันเปลี่ยนสีครับ

โพสต์โดย jamepiyawat » 12/09/2019 4:13 pm

ทำได้แล้วครับ ต้องเลือก class ในแท็ก a ขอบคุณครับ


  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 9 และ บุคคลทั่วไป 0 ท่าน