如何在選擇器中包含加號的CSS類名

-1

我不知道如何在我的CSS中放置「+」。仔細看看「Donator +」div。如何在選擇器中包含加號的CSS類名

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; 
}

來源

2016-11-19 Kristian Troshanov

你是什麼試圖用這個符號來完成？它是你班級名稱的一部分嗎？ – imjared

看我不知道你想什麼，但這裏是一點解釋關於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>

來源

2016-11-19 15:21:50 frnt

這不是問題。他想知道在班級名稱中使用加號（我認爲）。 – 2016-11-19 16:47:17

@torazaburo可能是。 – frnt

@torazaburo OP還沒有回答，但如果OP清楚你給出的答案是他正在搜索的內容，那麼我將刪除我的內容，並且對於即將到來的用戶很容易提及正確的方法。 – frnt

你只需要逃避你選擇的字符：

div.name-donator\+ {

但HTML不轉義：

<div class="name-donator+">

來源

2016-11-19 16:45:53

如何在選擇器中包含加號的CSS類名

回答

相關問題