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

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

Moderator: mindphp

User avatar
jamepiyawat
PHP VIP Members
PHP VIP Members
Posts: 1075
Joined: 21/05/2019 10:45 am

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

Postby 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) Viewed 94 times

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

hover ไปที่ตัวอักษร
Selection_999(802).png
Selection_999(802).png (2.82 KiB) Viewed 94 times


code

Code: Select all

<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

Code: Select all

#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;
}

User avatar
tsukasaz
PHP VIP Members
PHP VIP Members
Posts: 10273
Joined: 18/04/2012 9:39 am

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

Postby tsukasaz » 12/09/2019 3:52 pm

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

Code: Select all

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

User avatar
jamepiyawat
PHP VIP Members
PHP VIP Members
Posts: 1075
Joined: 21/05/2019 10:45 am

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

Postby jamepiyawat » 12/09/2019 4:03 pm

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

User avatar
tsukasaz
PHP VIP Members
PHP VIP Members
Posts: 10273
Joined: 18/04/2012 9:39 am

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

Postby tsukasaz » 12/09/2019 4:07 pm

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



Code: Select all

#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)

User avatar
jamepiyawat
PHP VIP Members
PHP VIP Members
Posts: 1075
Joined: 21/05/2019 10:45 am

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

Postby jamepiyawat » 12/09/2019 4:13 pm

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


Return to “HTML CSS”

Who is online

Users browsing this forum: No registered users and 11 guests