Các lượt nộp
    Danh sách bài
    Trang chủ
    Báo lỗi
    solution
    Đăng nhập
    Đăng nhập

    Đề bài: [Thiết kế Web] ThucThiChuoiLenh

    📖Cần ôn lý thuyết? Đọc bài giảng Buổi 14: Các công cụ hỗ trợ: Emmet, Git/GitHub, SASS, Bootstrap, jQuery — khóa Thiết kế Web

    Cho N phần tử, mỗi phần tử có tag, id, và danh sách class ban đầu (hoặc '-' nếu rỗng).

    Sau đó có M lệnh jQuery được thực hiện lần lượt (lệnh sau thấy kết quả của lệnh trước, vì bộ chọn có thể dựa vào class hiện tại). Mỗi lệnh có dạng:

    • 'addClass <selector> <classname>'
    • 'removeClass <selector> <classname>'
    • 'toggleClass <selector> <classname>'

    trong đó <selector> là MỘT bộ chọn đơn giản thuộc 1 trong 3 dạng: tag, .classname, #id (áp dụng cho TẤT CẢ phần tử khớp tại thời điểm thực hiện lệnh đó).

    Hãy in ra trạng thái class cuối cùng của mỗi phần tử theo đúng thứ tự ban đầu.

    • Định dạng đầu vào:

      Dòng 1: N. N dòng tiếp theo dạng tag|id|classes. Dòng kế tiếp: M (số lệnh). M dòng tiếp theo, mỗi dòng dạng: <lenh> <selector> <classname> (lenh là addClass/removeClass/toggleClass; selector không chứa khoảng trắng).

    • Ràng buộc đầu vào:

      1<=N<=50; 1<=M<=50.

    • Định dạng đầu ra:

      In ra N dòng theo thứ tự ban đầu, dòng thứ i dạng: <id>: <classes sap xep theo bang chu cai, cach nhau dau phay, hoac '-' neu rong>

    Ví dụ:

    Đầu vào:

    3
    div|d1|active
    span|s1|-
    div|d2|-
    2
    addClass div highlight
    removeClass .active active
    

    Đầu ra:

    d1: highlight
    s1: -
    d2: highlight

    Chủ đề

    🌐 Thiết kế WebThiết kế WebThiết kế Web: Công cụ — Bootstrap & jQueryTất cả môn học

    Đang tải editor...