# Tùy chỉnh nâng cao

Tính năng **"Tùy chỉnh nâng cao"** cho phép người dùng tùy biến giao diện và hành vi của thành phần (component) thông qua các lớp CSS và mã CSS tùy chỉnh. Đây là một tính năng mạnh mẽ dành cho lập trình viên hoặc nhà thiết kế web muốn tùy chỉnh chi tiết theo nhu cầu.

<figure><img src="/files/Zk67xh8iyw2Jcrt7imua" alt=""><figcaption></figcaption></figure>

#### 1. **Class tùy chỉnh**

* **Mục đích:** Người dùng có thể thêm các **class CSS** để áp dụng các quy tắc định dạng (styles) đã được định nghĩa trong tệp CSS của dự án.
* **Cách sử dụng:**
  * Nhập tên class (cách nhau bởi dấu phẩy nếu thêm nhiều class, ví dụ: `class1, class2`).
  * Các class này sẽ được thêm vào thành phần và sẽ kích hoạt các style tương ứng.

#### 2. **CSS tùy chỉnh**

* **Mục đích:** Cho phép người dùng viết mã CSS trực tiếp để thay đổi các thuộc tính cụ thể của thành phần, mà không cần chỉnh sửa tệp CSS gốc.
* **Cách sử dụng:**
  * Viết mã CSS vào ô, ví dụ:

    ```css
    overflow: hidden;
    display: block;
    background-color: #f3f3f3;
    ```
  * Các quy tắc CSS này sẽ chỉ áp dụng cho thành phần được chọn.

#### 3. **Lợi ích của tùy chỉnh nâng cao**

* Cho phép nhà phát triển tạo ra giao diện riêng biệt mà không cần chỉnh sửa cấu trúc mặc định.
* Có thể điều chỉnh thành phần để phù hợp với phong cách thiết kế cụ thể.
* Dễ dàng kiểm tra các thay đổi mà không cần thay đổi toàn bộ mã nguồn CSS.

{% hint style="warning" %}
**Lưu ý:**&#x20;

* Sử dụng tính năng này đòi hỏi kiến thức cơ bản về CSS.
* Tránh xung đột với các class hoặc quy tắc CSS hiện có.
* Đảm bảo kiểm tra trên nhiều thiết bị để các thay đổi hoạt động ổn định.
  {% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.shopone.io/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-nang-cao/tuy-chinh-nang-cao.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.