Tôi đã tạo một thành phần ứng dụng web mới. Tuy nhiên, nếu tôi chỉnh sửa chiến tranh/Sandbox_Project.css
,localhost:8080/Sandbox_Project
Các trang web sẽ không bị ảnh hưởng. Ví dụ: nếu tôi thêm một thuộc tính mới body
và một số giá trị không có hiệu lực. Nhưng nếu tôi thay đổi các thuộc tính ví dụ được thêm tự động thì mọi thứ sẽ hoạt động tốt.
Tự động thêm khi phần tử được tạo. Nó hoạt động.
h1 {
cỡ chữ: 2em;
độ dày phông chữ: đậm;
màu sắc: #777777;
lề: 40px 0px 70px;
text-align: center;
nền: hoa vân anh; // Tôi đã thêm nó
}
.sendButton {
display: block;
cỡ chữ: 16pt;
kiểu chữ: in nghiêng; // Tôi đã thêm nó
}
Tôi đã thêm thuộc tính này nhưng nó không hoạt động.
body {
nền: màu xanh lá cây;
}
Dưới đây là một số điều bạn có thể thử.
- Xóa bộ nhớ đệm và thử lại.
- Đổi tên tệp CSS của bạn
- !quan trọng có thể đáng để thử.
- Chỉnh sửa tệp CSS của bạn và đảm bảo các thay đổi nằm trong tệp được liên kết với trang của bạn
- Tạo một tệp css mới, liên kết nó và thử lại.
- Sử dụng công cụ phát triển Chrome để xem điều gì đang xảy ra.
thử cái này
thân hình{
nền: #FF0 !important; // Chỉ để xem nó có hoạt động không.
}
Các bước công cụ phát triển
- Mở công cụ phát triển Chrome (tôi sử dụng F12)
- Nhấp chuột phải vào phần thân và nhấp vào kiểm tra phần tử.
- Nhìn vào bảng css để xem chuyện gì đang xảy ra.
- nếu màu nền bị gạch bỏ thì có thứ gì đó khác sẽ lấn át nó
- nếu không thì nhiều khả năng đó là sự cố bộ đệm.
- Đổi tên tệp css của bạn hoặc bạn có thể thêm một cái gì đó như thế này vào css something.css?this=renameIngYourCSSFile của bạn.
Bằng cách thử tất cả những điều này, bạn sẽ biết được chuyện gì đang xảy ra.
Tôi là một lập trình viên xuất sắc, rất giỏi!