伪类：before和：after的使用

刚刚在用伪类:before实现一个小三角组合（使用border），发现一个以前没注意到的事情，就是我在：before中设置了
border：10px solid transparent;border-right:10px solid blue;
结果出现了一个竖着的梯形，这我就很奇怪了啊，我将height设置成0后也还是纹丝不动，于是就在控制台中查看一下，它的display属性值为inline，噢，果然将其改为inline-block就ok了。但是我就在想是不是：before中的content：”;影响到的呢，于是就把它给注释了，结果反而什么没了，甚是奇怪，是不是使用这两个伪类必须要和content属性搭配在一起呢，我在w3c看到的定义和说明是这样的：

定义和用法
:before 选择器在被选元素的内容前面插入内容。
请使用 content 属性来指定要插入的内容。

那姑且将此记住吧，有大大知道的希望赐教。