如何在选择器中包含加上CSS类名的加号

时间:2016-11-19 15:12:41

标签: css

我不知道如何放置" +"在我的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;
}

2 个答案:

答案 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+">