div[class^="kooy-"]
काम नहीं कर रहा है। उसी समय div[class^="kooy"]
परिणाम के रूप में परिणाम देता है।विशेषता चयनकर्ता के साथ शुरू होता है
<div class="kooy-tomato kooy">
ऐसा लगता है कि div[class^="kooy-"]
केवल प्रथम श्रेणी प्राप्त करने में सक्षम है और एक पल के लिए नहीं लगता है:
div {
padding: 10px;
border: 1px solid skyblue;
margin-bottom: 10px;
}
div[class^="kooy-"] {
background-color: tomato;
color: white;
}
<div class="kooy kooy-tomato">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod a, nihil culpa rerum vero esse facilis sint voluptatem eius. Placeat, repudiandae, accusantium. Tempora, tempore ea pariatur molestias culpa quia id.</div>
<div class="kooy">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, eius illum. Adipisci pariatur, harum soluta inventore nihil cupiditate dolores ab cum ullam fugit amet, quae provident fuga ea dolorem nobis.</div>
लेकिन फिर भी मुझे समझ नहीं आता क्यों ** ** काम नहीं कर के साथ शुरू! – Muhammed
शुरुआत काम कर रहा है। लेकिन मूल्य "कोय-" से शुरू नहीं होता है। यह "कोय" से शुरू होता है। उत्तर चयनकर्ता को उस मान से मेल खाने से संशोधित करता है जो ('^') से शुरू होता है ('*')। https://www.w3.org/TR/css3-selectors/#selectors –
ठीक उसी तरह माइकल ने कहा, यदि आप कक्षाओं के क्रम को बदलते हैं तो यह काम करेगा https://jsfiddle.net/Lg0wyt9u/1084/ –