當我們在網頁瀏覽中碰到所有CSS樣式丟失的情況時，一般會出現頁面內容混亂、排版錯亂等問題。這種情況通常出現在以下幾種情況中：

1. 缺少CSS文件：頁面引用的CSS文件路徑錯誤，或者根本沒有引用CSS文件。

<link rel="stylesheet" href="styles.css">

2. CSS文件中錯誤：CSS文件中可能存在語法錯誤、拼寫錯誤等問題，編寫CSS時需要注意語法規范。

div {
width: 100px;
height 50px; /* 缺少冒號： */
background-color: red;
}

3. CSS選擇器問題：CSS選擇器錯誤導致樣式無法正確應用。

p {
color: red;
}
/* 錯誤選擇器 */
span p {
font-size: 16px;
}

4. CSS優先級問題：CSS樣式被其他樣式所覆蓋，導致樣式無法正確應用。

/* 樣式優先級 */
div {
color: red;
}
/* id選擇器優先級高于元素選擇器 */
#box {
color: blue;
}
<div id="box">文本內容</div>

當我們遇到所有CSS樣式丟失的情況時，應該先檢查CSS文件路徑是否正確，然后檢查CSS文件語法是否正確。如果兩者都沒有問題，那么就需要檢查CSS選擇器是否正確或者是否被其他樣式所覆蓋。