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
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ạnEmail 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ọnKhi 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
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
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
- 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
- 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
- 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
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
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
Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros
Với
- 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
- 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
- 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
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
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
2Vớ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
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
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
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
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
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
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ặcCras 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
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)