Hướng dẫn what is active link in css? - liên kết hoạt động trong css là gì?

Lớp giả CSS ____5 đại diện cho một phần tử (chẳng hạn như một nút) đang được người dùng kích hoạt. Khi sử dụng chuột, "kích hoạt" thường bắt đầu khi người dùng nhấn nút chuột chính.:active CSS pseudo-class represents an element (such as a button) that is being activated by the user. When using a mouse, "activation" typically starts when the user presses down the primary mouse button.

Thử nó

Các lớp giả :active thường được sử dụng trên các yếu tố

Cú pháp

Ví dụ

Liên kết hoạt động

HTML

<p>
  This paragraph contains a link:
  <a href="#">This link will turn red while you click on it.a>
  The paragraph will get a gray background while you click on it or the link.
p>

CSS

/* Unvisited links */
a:link {
  color: blue;
}
/* Visited links */
a:visited {
  color: purple;
}
/* Hovered links */
a:hover {
  background: yellow;
}
/* Active links */
a:active {
  color: red;
}

/* Active paragraphs */
p:active {
  background: #eee;
}

Kết quả

Các yếu tố hình thức hoạt động

HTML

CSS

CSS

form :active {
  color: red;
}

form button {
  background: white;
}

Kết quả

Các yếu tố hình thức hoạt động

<form>
  <label for="my-button">My button: label>
  <button id="my-button" type="button">Try Clicking Me or My Label!button>
form>
Thông số kỹ thuật
# selector-active
Sự chỉ rõ
# the-active-pseudo

HTML Standard # Selector-Active

Bộ chọn cấp độ 4 # Active-pseudo

Tính tương thích của trình duyệt web

  • Bảng BCD chỉ tải trong trình duyệt

Các liên kết bình thường là các liên kết có trên trang và chưa được nhấp vào liên kết. Các liên kết là các liên kết đó, vừa được nhấp vào lúc đó.

Liên kết hoạt động trông như thế nào?

Theo mặc định, một liên kết sẽ xuất hiện như thế này (trong tất cả các trình duyệt): một liên kết không được gạch chân được gạch chân và màu xanh. Một liên kết được truy cập được gạch chân và màu tím. Một liên kết hoạt động được gạch chân và màu đỏ.

Thuộc tính hoạt động là gì?

Trạng thái của một A A cho biết thuộc tính được hiển thị là giá trị hoạt động, hiện tại nhất của thuộc tính. Một thuộc tính có thể có nhiều hơn một giá trị hoạt động tùy thuộc vào cài đặt trong cơ sở dữ liệu.

  • DigitalOcean cung cấp các sản phẩm đám mây cho mọi giai đoạn của hành trình của bạn. Bắt đầu với $ 200 trong tín dụng miễn phí!
    /* Unvisited links */
    a:link {
      color: blue;
    }
    /* Visited links */
    a:visited {
      color: purple;
    }
    /* Hovered links */
    a:hover {
      background: yellow;
    }
    /* Active links */
    a:active {
      color: red;
    }
    
    /* Active paragraphs */
    p:active {
      background: #eee;
    }
    
    1
  • Bộ chọn giả :active thay đổi sự xuất hiện của một liên kết trong khi nó được kích hoạt (được nhấp vào hoặc được kích hoạt khác). Nó thường chỉ được nhìn thấy trong một giây và cung cấp phản hồi trực quan rằng phần tử thực sự được nhấp. Nó thường được sử dụng nhất trên các liên kết neo (
    <form>
      <label for="my-button">My button: label>
      <button id="my-button" type="button">Try Clicking Me or My Label!button>
    form>
    
    4).
  • Chẳng hạn, ở đây, CS CS sẽ tạo ra các liên kết neo hạ xuống một pixel (tạo ấn tượng về việc bị đẩy trong không gian ba chiều) ở trạng thái hoạt động:
    /* Unvisited links */
    a:link {
      color: blue;
    }
    /* Visited links */
    a:visited {
      color: purple;
    }
    /* Hovered links */
    a:hover {
      background: yellow;
    }
    /* Active links */
    a:active {
      color: red;
    }
    
    /* Active paragraphs */
    p:active {
      background: #eee;
    }
    
    3
  • :active cũng có thể áp dụng cho bất kỳ yếu tố nào. Trong bút bên dưới, nhấp vào bất cứ nơi nào trên trang sẽ làm cho toàn bộ trang màu vàng:
  • Đó là cách thực hành tốt nhất để bao quát tất cả các quốc gia trên mạng, đặc biệt là đối với các liên kết. Một cách dễ dàng để làm điều đó là "tình yêu ghét" hoặc
    /* Unvisited links */
    a:link {
      color: blue;
    }
    /* Visited links */
    a:visited {
      color: purple;
    }
    /* Hovered links */
    a:hover {
      background: yellow;
    }
    /* Active links */
    a:active {
      color: red;
    }
    
    /* Active paragraphs */
    p:active {
      background: #eee;
    }
    
    2
  • L
    /* Unvisited links */
    a:link {
      color: blue;
    }
    /* Visited links */
    a:visited {
      color: purple;
    }
    /* Hovered links */
    a:hover {
      background: yellow;
    }
    /* Active links */
    a:active {
      color: red;
    }
    
    /* Active paragraphs */
    p:active {
      background: #eee;
    }
    
    1
    :active
  • O
  • :active cũng có thể áp dụng cho bất kỳ yếu tố nào. Trong bút bên dưới, nhấp vào bất cứ nơi nào trên trang sẽ làm cho toàn bộ trang màu vàng:

Đó là cách thực hành tốt nhất để bao quát tất cả các quốc gia trên mạng, đặc biệt là đối với các liên kết. Một cách dễ dàng để làm điều đó là "tình yêu ghét" hoặc

a:link { /* Essentially means a[href], or that the link actually goes somewhere */
  color: blue;
}
a:visited {
  color: purple;
}
a:hover {
  color: green;
}
a:active {
  color: red;
}

L

/* Unvisited links */
a:link {
  color: blue;
}
/* Visited links */
a:visited {
  color: purple;
}
/* Hovered links */
a:hover {
  background: yellow;
}
/* Active links */
a:active {
  color: red;
}

/* Active paragraphs */
p:active {
  background: #eee;
}
1

Hỗ trợ trình duyệt

I EBờ rìaFirefoxTrình duyệt ChromeCuộc đi sănOpera
Tất cả cácTất cả cácTất cả cácTất cả cácTất cả cácTất cả các
Android chromeAndroid FirefoxTrình duyệt AndroidiOS safariOpera Mobile
Tất cả cácTất cả cácTất cả cácTất cả cácTất cả các
Android chrome

Một liên kết hoạt động là gì?

Một liên kết hoạt động là một hành động hoặc một loạt các hành động được kích hoạt khi người dùng thực hiện thao tác và được giải thích theo điều kiện.an action or a series of actions that are triggered when a user performs an operation and are conditionally interpreted.

Sự khác biệt giữa các liên kết hoạt động và liên kết thông thường là gì?

Các liên kết bình thường là các liên kết có trên trang và chưa được nhấp vào liên kết. Các liên kết là các liên kết đó, vừa được nhấp vào lúc đó. Active links are those links, which have just been clicked at that instant.

Liên kết hoạt động trông như thế nào?

Theo mặc định, một liên kết sẽ xuất hiện như thế này (trong tất cả các trình duyệt): một liên kết không được gạch chân được gạch chân và màu xanh.Một liên kết được truy cập được gạch chân và màu tím.Một liên kết hoạt động được gạch chân và màu đỏ.underlined and red.

Thuộc tính hoạt động là gì?

Trạng thái của một A A cho biết thuộc tính được hiển thị là giá trị hoạt động, hiện tại nhất của thuộc tính.Một thuộc tính có thể có nhiều hơn một giá trị hoạt động tùy thuộc vào cài đặt trong cơ sở dữ liệu.. An attribute can have more than one active value depending upon settings in the database.