خلاصه کردن کلاس ها در css

اگر درست متوجه شده باشم میخوای انتخابگری درست کنی که در صورتی که کلاس های one, two, three رو همزمان داشت، شمایلی رو بگیره.
اگر یکی شون یا دوتاشون رو داشته باشه، نمیخوای انتخابش کنی. هر وقت همزمان هر سه کلاس رو باهم داشت، خصوصیات رو بهش نسبت بدی.

کافیه اینهارو پشت سرهم، بدون فاصله بزنی. یک حالت زنجیره ای داشته باشند باهم:

p.one.two.three {
    color: red;
}

<p class="one two three">text</p>   // اعمال میشه
<p class="one two">text</p> // اعمال نمیشه
<p class="one">text</p> // اعمال نمیشه

@cfarhad
کدی که در بخش اول نوشتید با توضیحی که بالاش قید کردید دو چیز کاملا متفاوت هستند...!

دوستمون @milad همیشه در حیطه سوالات فرانت ،جوابهای خوبی میدند
این بار هم جوابشون کامل بود.

اما پیشنهاد من اینه که تا وقتی سینتکس اصلی رو به خوبی یاد نگرفتید دنبال راه میان بر نباشید

@ali.bayat
تشکر از شما مهندس بیات

احساس می کنم که داخل انجمن راکت بیشتر نفرات در حوزه ی طراحی سایت سمت سرور فعالیت دارند و برای موبایل و همچنین طراحی رابط کاربری، نفرات کمتری حضور دارند و مشارکت می کنند. / امیدوارم بیشتر درین بخش مشارکت رو ببینیم، بهره ببریم از حضور دوستان.

آقای یگانه هم هستند که کم می نویسند، ولی پُر بار می نویسند و با حوصله 👍

شما کافیه برای هر کدوم از li هاتون که میخواید یک نوع style رو به خودشون بگیرن یه کلاس مشترک بدید. مثلا اینطوری:

<i class="list one">متن اول</i>   
<i class="list two">متن دوم</i> 
<i class="list three">متن سوم</i> 

حالا اگر در داخل فایل css تون کد زیر رو بنویسید:

i.list{
    color: red;
}

این style برای هر سه i که کلاس list رو دارن اعمال میشه