jquery - 使用CSS将三 Angular 形添加到div的一侧

Question

我需要在菜单中当前 li 的边上添加一个三 Angular 形。我设置它以便我可以使用 jquery 编辑它的 css，并想知道是否可以通过编辑 li 上的边框而不是添加新的 div 来实现这种效果。

jsfiddle:我想通过向 div-1

添加边框来查看第二个 div

<div class="div-1"></div>
<br>
<div class="div-1"><div><div class="triangle"></div>

.div-1 {
    width:174px;
    height:32px;
    line-height:32px;
    margin-bottom:6px;
    display:block;
    background-color:#149dae;
}
.triangle {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px 0 16px 16px;
    border-color: transparent transparent transparent #149dae;
    position:absolute;
    margin-left:174px;
}

Answer 1

你还没有关闭你的div-1修复它并且然后将 div-1 的 display 属性更改为 inline-block 作为值，将 display:inline 更改为 三 Angular 形 div.

就是这样。它有效。

JSFiddle link