css3「::之後」僞元素不起作用

Question

我想在div標記之後添加一個三角形。因此我在僞元素之後使用了css3。但它不起作用。以下是我的CSS規則。

.header-wrapper .part1 ::after { 
    width: 0; 
    height: 0; 
    border-left: solid 48.35px #f21e1e; 
    border-bottom: solid 48.35px transparent; 
    border-top: solid 48.35px transparent; 
} 

以下是我的HTML部分

<div class="header-wrapper"> 
    <div class="part1"></div> 
</div> 

Answer 1

爲了使僞元素中產生，你需要specify a content value。該值在其他情況下被假定爲默認值，none - 這可能是爲什麼它不適用於您的情況。 (example)

.header-wrapper .part1::after { 
    content: ''; 
    width: 0; 
    height: 0; 
    border-left: solid 48.35px #f21e1e; 
    border-bottom: solid 48.35px transparent; 
    border-top: solid 48.35px transparent; 
} 

根據您發佈的CSS，你也應該刪除.part1 ::after之間的空間。