我需要制作一个背景颜色的标题,这不是一个块(只有text-bg是彩色的).
这是我必须达到的目标的形象:

这是我到目前为止所做的:http: //jsbin.com/tiwuquze/1/edit
你可以看到填充不正确,我无法想象如何设置它.当您使用填充时,您将看到它将重叠,第二行不会像第一行那样进入.
我很高兴每一个提示!
解:
约翰史密斯做了一个工作的例子:http://jsbin.com/tiwuquze/21/edit
他曾经box-shadow模仿左边的填充.
我有一个列表,想要选择我正在徘徊的上一个和下一个
<ul>
<li>Item1</li>
<li>Item1</li>
<li>Item1</li>
<li>Item1</li>
<li>Item1</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我可以使用"+"选择器选择下一个兄弟.但是有可能获得前一个吗?
ul li:hover + li {
color:red;
}
Run Code Online (Sandbox Code Playgroud)
我已经尝试ul li + li:hover但它不起作用.不能相信我没有可以使用的棘手黑客.
当然我可以通过Javascript轻松完成这项工作,但我不喜欢使用JS,我可以用CSS获得相同的结果.
我有一个固定的宽度/高度Div,其中包含图像作为背景。
我希望它们适合div而不会溢出-这是完美的情况
background-size: contain;
但是,如果图像小于Div,则将其放大。我不想要那个。我正在寻找的是背景图像的最大宽度和最大高度。
在这里,您可以看到我的问题的一个简单示例(包含随机图像):http : //jsbin.com/uQevuna/1/edit
无法更改页面的html代码。