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

Question

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

Answer 1

您只需要在选择器中转义字符:

div.name-donator\+ {

但不要在 HTML 中转义它:

<div class="name-donator+">