CSSの混乱

Question

私はその意味を理解することができません。この疑いを解決するために私を助けてください。

Answer 1

^=この場合、「から始まる」という意味です。したがって、このセレクタはidが "slide"で始まるものを探し、それをチェックしてから、その直後の​​に適用します。密接^=に関する

Here's the MDN run-down of attribute selectors.*=（どこでも文字列で一致）と$=（文字列の末尾に一致）です。そしてここにデモがあります！私の疑問をクリアするための

[id*="slide"] { 
 
height: 30px; 
 
display: inline-block; 
 
border: 1px solid black; 
 
padding: 10px; 
 
} 
 

 
[id^="slide"] { 
 
background: orange; 
 
} 
 

 
[id$="2"] { 
 
background: skyblue; 
 
}

<div id="slide-1">#slide-1</div> 
 
<div id="slide-2">#slide-2</div> 
 
<div id="not-a-slide">#not-a-slide</div>