Question

我有问题。我正在尝试使用CSS点击右键：在选择器之后。

.text-bg .text-top-left{
    position:absolute;
    width:50%;
    background:rgba(95,87,79,0.9);
    padding:20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    top:50px;
    left:-48%;
}

.text-bg .text-top-left:after{
    content:'>';
    font-family:'Entypo';
    width:20px;
    height:10px;    
    color:black;
    background:white;
}

现在＆gt;在我的文字左上方的内容中。但我需要它在右侧，居中，在盒子外面。我需要改变什么？

JsFiddle

尝试：position:absolute, float:right, text-align:right

Answer 1

在top,left,right,bottom选择器中使用:after值。

演示：http://jsfiddle.net/lotusgodkk/w1v07drv/1/

CSS：

.text-bg .text-top-left {
    position:absolute;
    width:50%;
    background:rgba(95, 87, 79, 0.9);
    padding:20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    top:50px;
    left:0;
}
.text-bg .text-top-left:after {
    content:'>';
    font-family:'Entypo';
    width:20px;
    height:10px;
    color:#FFF;
    position:absolute; // Add this
    top:0; // to place it at the top
    right:10px; //to place it extreme right at the offset of 10px
}

正确：将right更改为0或任何首选值。

左侧：修改left

..等等

：在内容选择器之后？

1 个答案: