我對css編碼比較陌生。我一直在尋找網絡的幫助，但我沒有找到任何解決方案幫助。我設置我的代碼的最遠距離如下所示。試圖覆蓋html div內的鏈接樣式，但它不工作

我進入我的CSS窗口中的個人網頁上的CSS代碼：

div.box_round_background { 
 
      padding: 5px; 
 
} 
 

 
div.box_round { 
 
      -moz-border-radius: 12px; /* FF1+ */ 
 
      -webkit-border-radius: 12px; /* Saf3-4 */ 
 
      border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */ 
 
      background-color: #86ae30; 
 
} 
 

 

 

 
div.box_round h1 { 
 
      color: #ffffff; 
 
      padding: 20px; 
 
} 
 

 

 
a.box_round h1:link { color:#ffffff; text-decoration:none; font-weight:normal; } 
 
a.box_round h1:visited { color: #e1efc3; text-decoration:none; font-weight:normal; } 
 
a.box_round h1:hover { color: #5c7821; text-decoration:underline; font-weight:normal; } 
 
a.box_round h1:active { color: #a4ce4b; text-decoration:none; font-weight:normal; }

而且我插入我的HTML源代碼是：

<div class="box_round_background"> 
 
    <div class="box_round"> 
 
\t <a href="/web-design-services"><h1>Web Design Services</h1></a> 
 
    </div> 
 
</div>

我沒有得到我需要的鏈接顏色的結果。它對鏈接的顏色沒有太大的影響。

任何人都可以請幫我弄清楚我可能會做錯什麼嗎？謝謝！

來源

2017-05-27 Bonny

嘗試從

a.box_round h1:link 
    a.box_round h1:visited 
    a.box_round h1:hover 
    a.box_round h1:active

改變CSS選擇

.box_round a:link h1 
    .box_round a:visited h1 
    .box_round a:hover h1 
    .box_round a:active h1

來源

2017-05-27 06:09:14 ruithebear

我試過，但後來改變了整個頁面上的鏈接。我只需要改變一個特定的部分。 – Bonny

CSS是從工作的更高更密切，所以當你說div.box_round h1你的意思但是，在代碼中的.box_roud的h1只要是h1只有a標籤。

所以你只需要通過改變H1：

div.box_round_background { 
 
      padding: 5px; 
 
} 
 

 
div.box_round { 
 
      -moz-border-radius: 12px; /* FF1+ */ 
 
      -webkit-border-radius: 12px; /* Saf3-4 */ 
 
      border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */ 
 
      background-color: #86ae30; 
 
} 
 

 

 

 
div.box_round a { 
 
      color: #ffffff; 
 
      padding: 20px; 
 
} 
 

 

 
.box_round a:link { color:#ffffff; text-decoration:none; font-weight:normal; } 
 
.box_round a:visited { color: #e1efc3; text-decoration:none; font-weight:normal; } 
 
.box_round a:hover { color: #5c7821; text-decoration:underline; font-weight:normal; } 
 
.box_round a:active { color: #a4ce4b; text-decoration:none; font-weight:normal; }

<div class="box_round_background"> 
 
    <div class="box_round"> 
 
\t <a href="/web-design-services"><h1>Web Design Services</h1></a> 
 
    </div> 
 
</div>

來源

2017-05-27 06:23:39

我試過你的方法，它刪除了所有的文本編碼。在html代碼中有一個h1。

Web Design Services

– Bonny

試圖覆蓋html div內的鏈接樣式，但它不工作

回答

Web Design Services

相關問題