CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSの役割：訪問したセレクター

CSS：visitedセレクターを使用して、訪問したすべてのリンクのスタイルを設定します。

例

次のコードを実行して、：visitedセレクターを実装してみてください：

<!DOCTYPE html>
<html>
   <head>
      <style>
         a:link, a:visited {
            background-color: white;
            color: black;
            border: 1px solid blue;
            padding: 30px 30px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
         }
         a:hover, a:active {
            background-color: red;
            color: white;
         }
      </style>
   </head>
   <body>
      <a href = "demo.html" target = "_blank">Demo Link</a>
   </body>
</html>

  1. CSSの役割：nth-​​last-child（n）セレクター

    CSS：nth-​​last-child（n）セレクターを使用して、最後の子から数えて、親の子であるすべての要素のスタイルを設定します。 次のコードを実行して、：nth-​​last-child（n）セレクター-を実装してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          p:nth-last-child(4) {        

  2. CSSのユニバーサルセレクター

    CSS *セレクターは、HTMLDOMのすべての要素を選択するために使用されるユニバーサルセレクターです。 構文 CSSユニバーサルセレクターの構文は次のとおりです- * {    /*declarations*/ } 次の例は、CSSユニバーサルセレクターを示しています- 例 <!DOCTYPE html> <html> <head> <style> * {    margin: 15px;    padding: 5px;    border: 2px sol