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

[jamepiyawat]

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

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

ก่อน hover

Selection_999(803).png (2.5 KiB) Viewed 2251 times

hover ที่ div แต่เม้ายังไม่ได้ชี้โดนตัวอักษร

Selection_999(801).png (2.64 KiB) Viewed 2251 times

hover ไปที่ตัวอักษร

Selection_999(802).png (2.82 KiB) Viewed 2251 times

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]

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

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

#checkout .text_color_t:hover a {
  color: #fff !important;
}

[jamepiyawat]

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

[tsukasaz]

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

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

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

[jamepiyawat]

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