在使用CSS時(shí)，有時(shí)候我們需要將一個(gè)HTML元素的類型修改為另一個(gè)類型，這樣方便在樣式上進(jìn)行調(diào)整，而不必修改HTML本身。下面我們來(lái)介紹如何通過(guò)CSS改變?cè)仡愋汀?/p>

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

除了display屬性以外，我們還可以通過(guò)偽元素選擇器:before和:after來(lái)為元素添加額外的內(nèi)容塊元素，以實(shí)現(xiàn)修改元素類型的效果。

當(dāng)我們需要在樣式上對(duì)某個(gè)元素進(jìn)行更改類型時(shí)，可以通過(guò)以上方式來(lái)達(dá)到這個(gè)目的，避免直接修改HTML結(jié)構(gòu)而導(dǎo)致的難以維護(hù)的問(wèn)題。