Hướng dẫn why my css is not working in vs code? - tại sao css của tôi không hoạt động so với mã?

Tôi đã thử sử dụng bootstrap trong mã của mình lần đầu tiên và sau đó, công việc CSS trước đó của tôi sẽ không hiển thị. Bây giờ mặc dù tôi đã cắt ra bootstrap và thậm chí đã thử tạo một trang World Glay đơn giản khác chỉ để kiểm tra, các CSS đơn giản như màu sắc đã giành được công việc. Tôi đã thử nội bộ và nội bộ bên trong dường như đang làm việc cho một trang chủ phức tạp nhưng không phải là một thế giới xin chào đơn giản

Chỉnh sửa- Ở đây, mã của tôi và nó là nó mà không có bootstrap
This is it without bootstrap

Tại sao CSS của tôi không ảnh hưởng đến HTML của tôi?





Test




Nếu bạn đang thêm/sửa đổi CSS nội tuyến hoặc JavaScript và không thấy những thay đổi được phản ánh trong nguồn HTML, trang này có thể sẽ được lưu trữ. Giải pháp có thể là để thanh lọc bộ đệm đối tượng WordPress, lưu trữ bộ nhớ đệm trang (BATCache) của chúng tôi.

Tại sao IntelliSense không làm việc CSS?

Nếu bạn thấy Intellisense đã ngừng hoạt động, dịch vụ ngôn ngữ có thể không chạy. Hãy thử khởi động lại mã VS và điều này sẽ giải quyết vấn đề. Nếu bạn vẫn còn thiếu các tính năng IntelliSense sau khi cài đặt mở rộng ngôn ngữ, hãy mở một vấn đề trong kho lưu trữ của phần mở rộng ngôn ngữ.

Tại sao tệp CSS của tôi không được tìm thấy?

Lỗi này được tạo vì trình biên dịch chỉ có thể nhập các tệp từ thư mục SRC. Ở đây, tệp CSS được lưu bên ngoài thư mục SRC, vì vậy trình biên dịch không thể nhập nó. Để làm cho mã này hoạt động, bạn chỉ cần lưu tệp CSS bên trong thư mục SRC.

    

Tôi có thể sử dụng HTML và CSS trong mã VS không?

Không, mã VS không có hỗ trợ tích hợp cho xem trước HTML nhưng có các tiện ích mở rộng có sẵn trên thị trường mã vs.

vsliv368:30146709
vsreu685:30147344
python383:30185418
vspor879:30202332
vspor708:30202333
vspor363:30204092
vslsvsres303:30308271
pythonvspyl392:30443607
vserr242cf:30382550
pythontb:30283811
vsjup518:30340749
pythonptprofiler:30281270
vshan820:30294714
vstes263:30335439
pythondataviewer:30285071
vscod805:30301674
binariesv615:30325510
bridge0708:30335490
bridge0723:30353136
vsaa593cf:30376535
vsc1dst:30438360
pythonvs932:30410667
wslgetstarted:30449410
vscscmwlcmt:30465135
cppdebug:30492333
vsclangdf:30486550

vsliv368cf:30146710
vsreu685:30147344
python383cf:30185419
pythonvspyt678:30270856
pythonvspyt602:30300191
vspor879:30202332
vspor708:30202333
vspor363:30204092
pythonvspyt639:30300192
pythontb:30283811
vspre833:30321513
pythonptprofiler:30281270
vshan820:30294714
vstes263:30335439
pythondataviewer:30285071
vscus158:30321503
pythonvsuse255:30340121
vscod805cf:30301675
pythonvspyt200:30340761
vscextlangct:30333562
binariesv615:30325510
vsccppwtct:30329789
pythonvssor306:30344512
bridge0708:30335490

@Calvin Nelson MRema VSC Người dùng ở đây và tôi đã gặp vấn đề tương tự ngay từ đầu. Để liên kết CSS với HTML (ví dụ): ...

... Tôi không biết liệu nó có giúp ích gì không, nhưng cách duy nhất tôi tìm thấy để liên kết các tờ, hình ảnh, trang web, v.v. , thật khó chịu nhưng tôi không tìm thấy một cách tốt khác để làm cho nó hoạt động *Lưu ý: Đường dẫn trong ví dụ của tôi thực sự là một ví dụ ngẫu nhiên, vì một đường dẫn hoàn chỉnh thực tế dài hơn • Slash / có trước tên tệp CSS, Bởi vì đôi khi VSC dán đường dẫn mà không bị chém và bằng cách nào đó nó không hoạt động; • Để viết cũng .css ở cuối tên tệp. Ngoài ra, nếu bạn đang sử dụng một chủ đề đen tối trên máy bay của mình, có lẽ bạn nên hủy kích hoạt tạm thời, chỉ trong trường hợp

Kết quả hàng đầu từ trên web

Visual Studio Code Live Server trông rất tuyệt, nhưng CSS không ...

Tôi đã gặp sự cố này vì tôi đã ra mắt máy chủ trực tiếp khi làm việc trong một VSCode trong một thư mục phía trên thư mục HTML trong đó ...

Đọc thêm>

Tệp CSS không tải · Vấn đề #142 · RITWICKDEY/VSCODE-LIVE-SERVER

Tôi đang chạy máy chủ trực tiếp để nhanh chóng thấy các thay đổi trong các thử nghiệm trang web của mình. Thay đổi trong HTML được tải lại tốt. Tuy nhiên, có vẻ như ...

Đọc thêm>

Tệp CSS không tải · Vấn đề #142 · RITWICKDEY/VSCODE-LIVE-SERVER

Tôi đang chạy máy chủ trực tiếp để nhanh chóng thấy các thay đổi trong các thử nghiệm trang web của mình. Thay đổi trong HTML được tải lại tốt. Tuy nhiên, có vẻ như ...

Đọc thêm>

Tệp CSS không tải · Vấn đề #142 · RITWICKDEY/VSCODE-LIVE-SERVER

Tôi đang chạy máy chủ trực tiếp để nhanh chóng thấy các thay đổi trong các thử nghiệm trang web của mình. Thay đổi trong HTML được tải lại tốt. Tuy nhiên, có vẻ như ...

Đọc thêm>

Tệp CSS không tải · Vấn đề #142 · RITWICKDEY/VSCODE-LIVE-SERVER

Tôi đang chạy máy chủ trực tiếp để nhanh chóng thấy các thay đổi trong các thử nghiệm trang web của mình. Thay đổi trong HTML được tải lại tốt. Tuy nhiên, có vẻ như ...

Đọc thêm>

Bài trung bình liên quan hàng đầu

Câu hỏi về Stackoverflow liên quan hàng đầu

Khắc phục sự cố mã trực tiếp

Lightrun cho phép các nhà phát triển thêm nhật ký, số liệu và ảnh chụp nhanh vào mã trực tiếp - không cần khởi động lại hoặc triển khai lại.

Bắt đầu miễn phí

Chủ đề Reddit liên quan hàng đầu

Bài đăng hackernoon liên quan hàng đầu

Tweet liên quan đến hàng đầu

Bài viết liên quan đến hàng đầu

Bài đăng Hashnode liên quan hàng đầu

Tại sao CSS của tôi không ảnh hưởng đến HTML của tôi?

Nếu bạn đang thêm/sửa đổi CSS nội tuyến hoặc JavaScript và không thấy những thay đổi được phản ánh trong nguồn HTML, trang này có thể sẽ được lưu trữ. Giải pháp có thể là để thanh lọc bộ đệm đối tượng WordPress, lưu trữ bộ nhớ đệm trang (BATCache) của chúng tôi.the page is likely being cached. The solution may be to purge the WordPress object cache, which stores our page caching (Batcache) renders.

Tại sao IntelliSense không làm việc CSS?

Nếu bạn thấy Intellisense đã ngừng hoạt động, dịch vụ ngôn ngữ có thể không chạy.Hãy thử khởi động lại mã VS và điều này sẽ giải quyết vấn đề.Nếu bạn vẫn còn thiếu các tính năng IntelliSense sau khi cài đặt mở rộng ngôn ngữ, hãy mở một vấn đề trong kho lưu trữ của phần mở rộng ngôn ngữ.the language service may not be running. Try restarting VS Code and this should solve the issue. If you are still missing IntelliSense features after installing a language extension, open an issue in the repository of the language extension.

Tại sao tệp CSS của tôi không được tìm thấy?

Lỗi này được tạo vì trình biên dịch chỉ có thể nhập các tệp từ thư mục SRC.Ở đây, tệp CSS được lưu bên ngoài thư mục SRC, vì vậy trình biên dịch không thể nhập nó.Để làm cho mã này hoạt động, bạn chỉ cần lưu tệp CSS bên trong thư mục SRC.the compiler is only able to import files from the src folder. Here, the CSS file is saved outside the src folder, so the compiler failed to import it. To make this code work, you just have to save the CSS file inside the src folder.

Tôi có thể sử dụng HTML và CSS trong mã VS không?

Không, mã VS không có hỗ trợ tích hợp cho xem trước HTML nhưng có các tiện ích mở rộng có sẵn trên thị trường mã vs. but there are extensions available in the VS Code Marketplace.