Lý ẩn HTML

Question

Tôi đã thực hiện mã css để hiển thị phần tử chính nếu tôi nhấp vào phần tử chính bên dưới tất cả các phần tử con sẽ xuất hiện nhưng trong mã của tôi không hoạt động

Nội dung chính Show

Thêm giải pháp của bạn ở đây
Xem trước 0
thành viên hiện có
hoặc tham gia với chúng tôi
Ví dụ cơ bản
mục hoạt động
Các mục bị vô hiệu hóa
Liên kết và nút
các lớp theo ngữ cảnh
Với huy hiệu
Nội dung tùy chỉnh
hành vi JavaScript
Sử dụng thuộc tính dữ liệu
Qua JavaScript
hiệu ứng mờ dần
phương pháp
Tôi có thể sử dụng thuộc tính ẩn HTML không?
Thẻ LI trong HTML là gì?
Làm cách nào để ẩn thẻ HTML?

limain
{
Chức vụ. liên quan đến;

}

con yêu
{
trưng bày. không ai;
}

giới hạn một. di chuột + li
{
trưng bày. khối;

}

sử dụng các lớp khác nhau cho ul bên ngoài và ul bên trong_______0_______

 outer-ul li:hover inner-ul {
 visibility:visible;
}

Thêm giải pháp của bạn ở đây

B I U S small BIG code var < > & link [^] encode untab case indent outdent

Xem trước 0

thành viên hiện có

hoặc tham gia với chúng tôi

Tải xuống, Bình chọn, Nhận xét, Xuất bản

Email của bạn

Email này đang được sử dụng. Bạn có cần mật khẩu của bạn?

Mật khẩu tùy chọn

Khi trả lời một câu hỏi xin vui lòng

Đọc kỹ câu hỏi
Hiểu rằng tiếng Anh không phải là ngôn ngữ đầu tiên của mọi người, vì vậy hãy khoan dung với lỗi chính tả và ngữ pháp
Nếu một câu hỏi được diễn đạt kém thì hãy yêu cầu làm rõ, bỏ qua nó hoặc chỉnh sửa câu hỏi và khắc phục sự cố. Xúc phạm không được chào đón
Đừng bảo ai đó đọc hướng dẫn. Rất có thể họ có và không nhận được. Đưa ra câu trả lời hoặc chuyển sang câu hỏi tiếp theo

Hãy làm việc để giúp các nhà phát triển, không làm họ cảm thấy ngu ngốc

Nội dung này, cùng với bất kỳ tệp và mã nguồn liên quan nào, được cấp phép theo Giấy phép Mở Dự án Code (CPOL)

Nhóm danh sách là một thành phần linh hoạt và mạnh mẽ để hiển thị một loạt nội dung. Sửa đổi và mở rộng chúng để hỗ trợ bất kỳ nội dung nào trong

Ví dụ cơ bản

Nhóm danh sách cơ bản nhất là danh sách không có thứ tự với các mục danh sách và các lớp thích hợp. Xây dựng dựa trên nó với các tùy chọn theo sau hoặc với CSS của riêng bạn nếu cần

Cras justo odio
Cơ sở Dapibus ac ở
Morbi leo nguy hiểm
Porta ac consectetur ac
Tiền đình ở eros


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

mục hoạt động

Thêm


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

8 vào


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

9 để cho biết lựa chọn đang hoạt động hiện tại

Cras justo odio
Cơ sở Dapibus ac ở
Morbi leo nguy hiểm
Porta ac consectetur ac
Tiền đình ở eros


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

Các mục bị vô hiệu hóa

Thêm


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

0 vào


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

9 để làm cho nó có vẻ như bị vô hiệu hóa. Lưu ý rằng một số phần tử có


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

0 cũng sẽ yêu cầu JavaScript tùy chỉnh để vô hiệu hóa hoàn toàn các sự kiện nhấp chuột của chúng (e. g. , liên kết)

Cras justo odio
Cơ sở Dapibus ac ở
Morbi leo nguy hiểm
Porta ac consectetur ac
Tiền đình ở eros


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

Liên kết và nút

Sử dụng


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

3s hoặc s để tạo các mục nhóm danh sách có thể thao tác với trạng thái di chuột, vô hiệu hóa và hoạt động bằng cách thêm


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

4. Chúng tôi tách các lớp giả này để đảm bảo các nhóm danh sách được tạo từ các phần tử không tương tác (như

s hoặc

s) không cung cấp khả năng chi trả cho nhấp chuột hoặc nhấn

Đảm bảo không sử dụng các lớp


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

5 tiêu chuẩn tại đây


  
    Cras justo odio
  
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

Với

s, bạn cũng có thể sử dụng thuộc tính


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

6 thay vì lớp


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

0. Rất tiếc,


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

3 không hỗ trợ thuộc tính bị vô hiệu hóa

Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros


  
    Cras justo odio
  
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

Tuôn ra

Thêm


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

9 để xóa một số đường viền và góc tròn để hiển thị các mục nhóm danh sách từ cạnh này sang cạnh khác trong vùng chứa chính (e. g. , thẻ)

Cras justo odio
Cơ sở Dapibus ac ở
Morbi leo nguy hiểm
Porta ac consectetur ac
Tiền đình ở eros


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

các lớp theo ngữ cảnh

Sử dụng các lớp theo ngữ cảnh để tạo kiểu cho các mục danh sách với nền và màu có trạng thái

Cơ sở Dapibus ac ở
Đây là một mục nhóm danh sách chính
Đây là một mục nhóm danh sách phụ
Đây là một mục nhóm danh sách thành công
Đây là một mục nhóm danh sách nguy hiểm
Đây là một mục nhóm danh sách cảnh báo
Đây là một mục nhóm danh sách thông tin
Đây là một mục nhóm danh sách nhẹ
Đây là một mục nhóm danh sách tối


  Dapibus ac facilisis in


  This is a primary list group item
  This is a secondary list group item
  This is a success list group item
  This is a danger list group item
  This is a warning list group item
  This is a info list group item
  This is a light list group item
  This is a dark list group item

Các lớp theo ngữ cảnh cũng hoạt động với


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

4. Lưu ý việc bổ sung các kiểu di chuột ở đây không có trong ví dụ trước. Cũng được hỗ trợ là trạng thái


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

8;


  Dapibus ac facilisis in


  This is a primary list group item
  This is a secondary list group item
  This is a success list group item
  This is a danger list group item
  This is a warning list group item
  This is a info list group item
  This is a light list group item
  This is a dark list group item

Truyền đạt ý nghĩa cho các công nghệ hỗ trợ

Việc sử dụng màu sắc để thêm ý nghĩa chỉ cung cấp dấu hiệu trực quan, dấu hiệu này sẽ không được chuyển tải đến người dùng công nghệ hỗ trợ – chẳng hạn như trình đọc màn hình. Đảm bảo rằng thông tin được biểu thị bằng màu sắc rõ ràng từ chính nội dung (e. g. văn bản hiển thị), hoặc được bao gồm thông qua các phương tiện thay thế, chẳng hạn như văn bản bổ sung ẩn với lớp


  
    Cras justo odio
  
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

2

Với huy hiệu

Thêm huy hiệu vào bất kỳ mục nhóm danh sách nào để hiển thị số lượng chưa đọc, hoạt động, v.v. với sự trợ giúp của một số tiện ích

Cras justo odio 14
Dapibus ac facilisis trong 2
Morbi leo nguy hiểm 1


  
    Cras justo odio
    14
  
  
    Dapibus ac facilisis in
    2
  
  
    Morbi leo risus
    1

Nội dung tùy chỉnh

Thêm gần như bất kỳ HTML nào bên trong, ngay cả đối với các nhóm danh sách được liên kết như bên dưới, với sự trợ giúp của các tiện ích flexbox


  
    

      
List group item heading

      3 days ago
    
    Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
    Donec id elit non mi porta.
  
  
    
      
List group item heading
      3 days ago
    
    Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
    Donec id elit non mi porta.
  
  
    
      
List group item heading
      3 days ago
    
    Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

    Donec id elit non mi porta.

hành vi JavaScript

Sử dụng plugin JavaScript tab—bao gồm nó riêng lẻ hoặc thông qua tệp


  
    Cras justo odio
  
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

3 đã biên dịch—để mở rộng nhóm danh sách của chúng tôi nhằm tạo các ngăn có thể lập bảng cho nội dung cục bộ


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

0

Sử dụng thuộc tính dữ liệu

Bạn có thể kích hoạt điều hướng nhóm danh sách mà không cần viết bất kỳ JavaScript nào bằng cách chỉ định


  
    Cras justo odio
  
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

4 hoặc trên một phần tử. Sử dụng các thuộc tính dữ liệu này trên


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

9


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

1

Qua JavaScript

Bật mục danh sách có thể lập bảng qua JavaScript (từng mục danh sách cần được kích hoạt riêng lẻ)


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

2

Bạn có thể kích hoạt từng mục danh sách theo nhiều cách


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

3

hiệu ứng mờ dần

Để làm cho bảng điều khiển tab mờ dần, hãy thêm


  
    Cras justo odio
  
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

6 vào mỗi


  
    Cras justo odio
  
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

7. Ngăn tab đầu tiên cũng phải có


  
    Cras justo odio
  
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

8 để hiển thị nội dung ban đầu


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

4

phương pháp

$(). chuyển hướng

Kích hoạt phần tử mục danh sách và vùng chứa nội dung. Tab phải có


  
    Cras justo odio
  
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

9 hoặc


  
    Cras justo odio
  
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

0 nhắm mục tiêu nút vùng chứa trong DOM


  Cras justo odio
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

5

tab ('hiển thị')

Chọn mục danh sách đã cho và hiển thị ngăn liên kết của nó. Bất kỳ mục danh sách nào khác đã được chọn trước đó sẽ không được chọn và ngăn được liên kết của nó bị ẩn. Trả về trình gọi trước khi ngăn tab thực sự được hiển thị (ví dụ: trước khi xảy ra sự kiện


  
    Cras justo odio
  
  Dapibus ac facilisis in
  Morbi leo risus
  Porta ac consectetur ac
  Vestibulum at eros

1)

Tôi có thể sử dụng thuộc tính ẩn HTML không?

Thuộc tính ẩn là Thuộc tính toàn cầu và có thể được sử dụng trên bất kỳ thành phần HTML nào .

Thẻ LI trong HTML là gì?

Phần tử HTML dùng để biểu thị một mục trong danh sách . Nó phải được chứa trong một phần tử cha. danh sách có thứ tự (

Làm cách nào để ẩn thẻ HTML?

Thuộc tính ẩn HTML . Khi có mặt, nó xác định rằng một yếu tố chưa hoặc không còn phù hợp. Trình duyệt không được hiển thị các phần tử có thuộc tính ẩn được chỉ định

programming html