欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

文本顏色未顯示

CSS
吉茹定1年前8瀏覽0評論

我想更改瀏覽和設置文本的顏色 代碼。在標簽和H4標簽中。為什么會這樣，有人能用代碼解釋一下嗎？我是css初學者。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Twitter clone</title>
    <link rel="shortcut icon" href="asstes\ico\twitter.ico" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <section id="f">
        <div class="sd" >
            
       <div class="twtlog spl-item"> <a href="#" ><img src="asstes\logo black.png" width="28px" height="28px"></a></div>
        
       <div class="txtlog spl_item txt"> <a href="#explore#"  >Explore</a></div>
        
        <a href="#settings#">Settings</a>
        

        
        </div>
    </section>
   
   <section id="f2" >
    <div class="headr">
        <h5 class="hdtxt">Explore</h5>
    </div>
   </section>
   <section id="f3"></section>
</body>
</html>

style.css:

#f{
    position: fixed;
    width: 26%;
    height: 100%;
    background: black;
    -webkit-text-fill-color: black;
    border-style: solid; 
    border-color: rgb(48, 48, 48);
    border-width: 2px;
}
#f2{
    margin-left: 26%;
    position: fixed;
    width: 70%;
    height: 100%;
    border-style: solid; 
    border-color: rgb(48, 48, 48);
    border-width: 2px;
    background: rgb(0, 0, 0);
}
#f3{
    margin-left: 66%;
    position: fixed;
    width: 40%;
    height: 100%;
    border-style: solid; 
    border-color: rgb(48, 48, 48);
    border-width: 2px;
    
    background: rgb(0, 0, 0);
}
body{
    margin: 0px;
}

.sd{
    display: flex;
    flex-direction: column;
    margin-top: 2%;
    margin-left: 32.6%;
    line-height: 50px;

}
.twtlog{
    display: inline-block;
    border-radius: 50%;
    transition: all 0.3s ease;
    width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  
}
.twtlog img{
    position: absolute;
    top: 4%;
    left: 35%;
    
}
.spl-item:hover{
    background-color: rgb(49, 49, 49);
}


.txtlog{
    display: inline-block;
    border-radius: 50%;
    transition: all 0.3s ease;
    width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  
}
a{
    color: aliceblue;
}
.headr{
    position:fixed ;
    width: 100%;
    height: 30px;
    background-color:transparent;
}
.hdtxt{
color-scheme: white;
}

我只需要改變它顯示黑色文本的顏色。但是標簽下劃線之間的文本顏色是變化的。此外，懸停顏色也不會變成另一種顏色。

請嘗試刪除此屬性-WebKit-text-fill-color:black；從& quot# f & quot,

更改此配色方案:白色；要顏色:白色；。

要改變懸停時的顏色，請添加類& quotspl-item & quot；添加到a標記而不是div。希望這能解決你的問題。

為了改變一個& lta & gt標簽，你需要用css直接定位它。你會需要這樣的東西

#f a {
  color: white;
  text-decoration-color: green; // This is to change underline color
}

然后是懸停效果

#f a:hover {
  color: black; // This will change to black when hovered but change to whatever color you want
}

您還可以在& lta & gt將自己標記為& lta class='link'>。探索& lt/a & gt；

然后做

.link {
  color: white;
  text-decoration-color: green;
}

.link:hover {
  color: black;
}