在網頁設計中，CSS是控制排版和樣式的基礎。但有時候我們會發現，行內樣式不起作用。

<p style="color: red;"> 這是一段紅色文字 </p>

那么，造成這種情況的原因有哪些呢？

1. 優先級不夠高。

<style>
p {
color: blue !important;
}
</style>
<p style="color: red;"> 這是一段紅色文字 </p>

在CSS中，!important優先級最高，如果使用!important聲明，就算后面的樣式優先級更高，也會被!important覆蓋。

2. 樣式名錯誤。

<p style="collor: red;"> 這是一段紅色文字 </p>

在這個例子中，collor是拼寫錯誤，正確的是color。所以樣式不起作用。

3. 找不到樣式。

<style>
div p {
color: red;
}
</style>
<p style="color: red;"> 這是一段紅色文字 </p>

在這個例子中，div p表示選擇div標簽內的p元素，所以行內元素中的樣式不起作用。

總之，當行內樣式不起作用時，需要檢查優先級、樣式名是否正確、是否匹配選擇器等要素，仔細檢查可能會得到意外之喜。