Lỗi: thay đổi trong CSS mà trang Web không thay đổi

Tình hình là em ngồi gần 2 tiếng mà vẫn chưa tìm ra nguyên nhân.
em thay đổi các lệnh,… trong css mà trang web không reload! em mở với trình duyệt chorme nhé!
Các bác giúp em với!

bạn nói mồm như thế thì ai giúp được bạn, ít ra cũng phải chụp ảnh code hoặc đưa file code lên online, kiểm tra lại đường dẫn file css xem đúng chưa !!!

3 Likes

Đây bác ơi, em tường thuật lại từng bước luôn!
lúc đầu bản html của em như thế này:


-Css thì chưa nhập.
-Rồi em open with live server Lần 1
thì nó ra đúng :

-Tiếp theo, em code Css thì nó vẫn không có gì thay đổi vẫn như thế này


đây là bản code css của em!

EM Phải open with live server Lần 2


thì mới ra
rất bất tiện. Em không muốn bị chậm deadline vì vấn đề này đâu,:sob::sob::sob:

Nó có nút để mở/tắt chức năng này. Xem: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

4 Likes

Chưa dùng chức năng live server này bao giờ nên phán bừa, bạn thử như dưới đây xem sao:
Sau khi code css xong, tại browser, nhấn Ctrl + F5 để reload lại trang.
Hoặc là copy url mà live server tạo ra, paste vào trình duyệt chrome ẩn danh.

3 Likes

Bạn thử thêm dòng :point_down: vô file settings.json coi sao. :slight_smile:

  "liveServer.settings.fullReload": true
4 Likes

Mở Network Chrome. Rồi disable cache. Xong ez

2 Likes

em thử đủ 4 cách của các bác trên rồi nhưng rồi nhưng ko dc các bác ạ! nền nó vẫn không chuyển từ vàng sang đen trong background-color.


cách của các bác thì nó chỉ reload lại trang web thôi, nhưng web nó vẫn như cũ á! không cập nhật dc css lên web!
em thấy cái này ko biết có liên quan j không, các bác xem thử! (mục FUll reload ý)

Chưa save file kìa =))

6 Likes

Save fie chỗ nào bác ơi! nói rõ giùm em với!

image

Vẫn còn cái chấm cạnh tên file kìa.

Nghĩa là chưa lưu file á. :sweat_smile:

Ctrls. :sweat:


Bật auto save cho nhanh. :slight_smile:

5 Likes

Em Cảm Ơn các bác nhiều nhaaaaaaaaa! không thì lại ăn ngay cái trể deadline vào mồm!

1 Like

Đọc cái này cười không nhặt được mồm luôn. Đã làm dev mà sao tin học căn bản ngô nghê thế nhỉ? Hay là làm mấy cái cao siêu quá thì quên mất mấy cái đơn giản?

2 Likes

Do trình duyệt tự lưu các file .js và .css vào cache nhé bác.
Cách thứ nhất bác truy cập vào file vừa bị thay đổi rồi reload vài lần.
Cách 2 là bác vào cài đặt của browser và dọn cache đi là được :v:

1 Like

Bạn ấy chưa save file thôi mà.

5 Likes

mình cũng bị lỗi như vậy


load lên local thì nó chay ok nhưng khi mk xóa luôn hết code và file chỉ để lại mỗi link cũ trong html nhưng nó vẫn không đổi gì
có ac nào sửa đc không ạ , em bật auto save và lưu bằng tay mà nó vẫn ko đổi

Mình cảm ơn bạn…

có cách nào k cần dọn cache mà lưu file xong nó tự load file đã sửa k ạ. em dùng vscode thì lưu xong nó tự sửa. mà dùng VS thì phải dọn cache bất tiện quá ạ

Cho e hỏi là mình code html vs css mà khi cho nó chạy với live server thì nó chỉ chạy html mà không chạy css là bị sao v ạ

bạn để css là file riêng thì xem là đã link file css vào chưa nhé, còn nếu để chung với css thì xem lại đã đúng format chưa

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?