在使用CSS時，有時候我們需要將一個HTML元素的類型修改為另一個類型，這樣方便在樣式上進行調整，而不必修改HTML本身。下面我們來介紹如何通過CSS改變元素類型。

.selector {
display: block;
/*將元素的類型從默認的inline修改為block*/
}
.selector {
display: inline-block;
/*將元素的類型從默認的inline修改為inline-block*/
}
.selector {
display: table-cell;
/*將元素的類型從默認的block修改為table-cell*/
}
.selector:before {
content: "";
display: block;
/*在原本沒有子元素的元素前加入一個內容為空的塊級元素，間接地改變了元素類型*/
}

除了display屬性以外，我們還可以通過偽元素選擇器:before和:after來為元素添加額外的內容塊元素，以實現修改元素類型的效果。

當我們需要在樣式上對某個元素進行更改類型時，可以通過以上方式來達到這個目的，避免直接修改HTML結構而導致的難以維護的問題。