要使用 CSS 切換顯示的文章，可以使用媒體查詢和偽元素來實現。

媒體查詢是一種CSS 技術，可以根據元素的類型和屬性，動態地選擇相應的樣式。例如，如果我們有一個標題元素，并且希望根據瀏覽器類型(如電腦、移動設備或移動設備)來選擇不同的樣式，可以使用媒體查詢來實現。

偽元素是一種用于將一個元素包裝在另一個元素中的技術。例如，我們可以使用<p>元素來創建一個段落，然后將這個段落包裝在<div>元素中。通過使用偽元素，我們可以在需要時將段落從父元素中分離出來，并使用不同的樣式來實現不同的效果。

下面是一個使用媒體查詢和偽元素來實現標題樣式切換的示例代碼：

```html

<h1 class=" mobile-on">Mobile</h1>

<div class=" mobile-off">off</div>

<h1 class=" desktop-on">Desktop</h1>

<div class=" desktop-off">off</div>

在上面的代碼中，我們使用了媒體查詢來根據瀏覽器類型選擇不同的樣式。在<h1>元素中，我們使用了“. mobile-on”和“. desktop-on”來分別選擇移動設備和桌面瀏覽器。在<div>元素中，我們使用了“. mobile-off”和“. desktop-off”來分別選擇禁用移動瀏覽器和禁用桌面瀏覽器。

接下來，我們可以使用偽元素來將<div>元素包裝在<h1>元素中。通過使用偽元素，我們可以在需要時將<div>元素從<h1>元素中分離出來，并使用不同的樣式來實現不同的效果。例如，在移動設備中，我們可以使用一個<div>元素，并在其中添加一個<h1>元素，這樣可以使標題顯示為移動設備模式。在桌面瀏覽器中，我們可以使用另一個<div>元素，并在其中添加一個<h1>元素，這樣可以使標題顯示為桌面模式。

希望這個示例代碼可以幫助您理解如何使用 CSS 切換顯示的文章。