Overwrite: sau khi &: trước ngày nhập học nội dung của Bootstrap

Question

Tôi muốn ghi đè CSS sau đây

.navbar:before{ 
    display: table; 
    content: " "; 
    } 

và loại bỏ bất kỳ nội dung tốt trong trước hoặc sau khi tập tin. Nó tạo không gian không cần thiết giữa thanh điều hướng và bảng điều khiển bên trái của tôi. Tôi đã cố gắng cấp cho lớp đó một số

content: none !important; 

Nhưng nó không bị ghi đè. Có cách nào chúng ta có thể ghi đè lên điều này không? Tôi đang ở phiên bản Bootsrap mới nhất.

Answer 1

Nếu content: none không hoạt động, hãy thử display: none.

Và về việc nó không bị ghi đè, bạn đã có một cái nhìn trong devtools chưa? Rõ ràng cái gì đó đang gây ra nó để không bị ghi đè, sẽ là tốt để có một cái nhìn trực tiếp;)

Answer 2

Đối trọng nó này sẽ đủ:

.navbar:before { 
    content: none !important; 
} 

Nếu điều đó không giúp bạn có thể cũng thử:

.navbar:before { 
    display: none !important; 
} 

Điều này sẽ ẩn phần tử. Nhưng nếu bạn không thấy các thuộc tính bị ghi đè (hãy kiểm tra xem với thanh tra công cụ của nhà phát triển) thì tôi sẽ tìm kiếm nếu các quy tắc css đó thậm chí được thêm vào trang.

Cũng có thể có điều gì đó khác đang gây ra không gian.

Quan trọng sẽ ghi đè lên ngay cả các thuộc tính nội tuyến được thêm vào với style="". Dưới đây là một số lần đọc về độ đặc hiệu:

https://css-tricks.com/specifics-on-css-specificity/ http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/