我不知道如何放置" +"在我的CSS中。仔细看看" Donator +"格。
body
{
margin: 0;
padding: 0;
font-family: "Arial", serif;
}
.nav
{
background-color: #595959;
color: #ffffff;
list-style: none;
text-align: center;
padding: 20px 0 20px 0;
border-bottom: 3px solid #1b1b1b;
}
.nav > li
{
display: inline-block;
padding: 0 25px 0 25px;
}
.nav > li > a
{
text-decoration: none;
color: #ffffff;
}
.nav > li > a:hover
{
color: #1b1b1b
}
.line
{
width: 100%;
height: 0;
border-bottom: 2px solid #353535;
}
.image
{
display: block;
max-width: 100%;
height: auto;
}
div.vip
{
vertical-align: top;
display: inline-block;
text-align: left;
width: 190px;
height: 215px;
margin-left: 350px;
margin-top: 70px;
}
div.price-vip
{
font-weight: bold;
font-size: 85%;
}
div.name-vip
{
margin-top: 20px;
font-size: 85%;
font-weight: bold;
}
div.donator
{
vertical-align: top;
display: inline-block;
text-align: left;
width: 190px;
height: 165px;
margin-left: 320px;
margin-top: 70px;
}
div.price-donator
{
font-weight: bold;
font-size: 85%;
}
div.name-donator
{
font-size: 85%;
font-weight: bold;
margin-top: 20px;
}
div.donator+
{
vertical-align: top;
display: inline-block;
text-align: left;
width: 190px;
height: 165px;
margin-left: 320px;
margin-top: 70px;
}
div.price-donator+
{
font-weight: bold;
font-size: 85%;
}
div.name-donator+
{
margin-top: 20px;
font-size: 85%;
font-weight: bold;
}
答案 0 :(得分:0)
请参阅我不知道您在尝试什么,但这里对css + selector
,
元素+元素 - 选择立即放置在另一个元素父元素之后的所有元素,而不是其中的父元素和子元素,以选择并设置子元素样式必须使用css > selector
。
.div1{
width:200px;
height:200px;
background:#111;
}
.div2{
width:200px;
height:200px;
background:#f2f;
}
.div1 + .div2{
background:#f22;
}
<div class="div1"></div>
<div class="div2"></div>
答案 1 :(得分:0)
您只需要在选择器中转义字符:
div.name-donator\+ {
但请勿在HTML中将其转义:
<div class="name-donator+">