ماذا يعني > في CSS؟

StackOverflow https://stackoverflow.com/questions/1628485

  •  06-07-2019
  •  | 
  •  

سؤال

في ملف IUI css، يستخدمون المحددات التالية:

body > *:not(.toolbar)
body > *[selected="true"]

ماذا يعني > و*:not() و*[]؟

شكرًا.

هل كانت مفيدة؟

المحلول

> وسائل "هو عنصر فرعي من".لذا body > *:not(.toolbar) اعواد الكبريت *:not(.toolbar) هذا هو طفل body.

*:not(.toolbar) يطابق أي عنصر لا يحتوي على الفئة .toolbar.

*[selected="true"] يطابق أي عنصر مع selected صفة تساوي true.

ضع في اعتبارك أن الأخيرين (*:not() و *[] هي جزء من مواصفات CSS3 ولا يمكنك عادةً الاعتماد عليها للتوافق مع CSS عبر المتصفحات.ومع ذلك، فهي مدعومة بالكامل في WebKit وهو ما يستخدمه iPhone (وبالتالي iUI).

نصائح أخرى

  • > يعني طفل مباشر
  • * هو محدد عالمي (كل شيء)
  • :not() يعني أي شيء باستثناء ما بين قوسين
  • *[] يعني أي شيء يطابق ما بين قوسين

في حالتك:

body > *:not(.toolbar)   // means any element immediately under the body tag that isn't of class .toolbar
body > *[selected="true"]    // means any element immediately under the body tag where the selected attribute is "true"

> و * تم تعريفها في مواصفات CSS 2.1.ال :not الطبقة الزائفة و [] يتم تعريف المحدد في مواصفات CSS 3.

يرى: http://www.w3.org/TR/CSS21/selector.html و http://www.w3.org/TR/css3-selectors/ لمزيد من المعلومات.

<اقتباس فقرة>   

ويعني عنصر تابع 

.cont > div {
    color: #fff;
}

وهذا من شأنه أن يكون: 

<div class="cont">
    <!-- NOTE: THIS NOTE IS TO TELL YOU WHICH IT AFFECTS 
         It only affects the below div. Not the p.
         so "jabberwocky" text would be white, but "lorem ipsum" text in the p, would be the default font color. -->
    <div>jabberwocky</div>
    <p>lorem ipsum</p>
</div>

  • > - محدد الطفل

    أي. 

    div > p > b {
 font-size:100px;
}

    سيؤدي هذا إلى تحديد الكل b العلامات داخل p العلامات داخل div العلامات.

  • :not(..) - ليس محددا

    يطابق أي عنصر في الصفحة لا يفي بالمعايير الموجودة بين قوسي العبارة not.أي.

    div:not(.toolbar)

    سيطابق أي div لا يحتوي على شريط أدوات الفصل

  • [attr='val'] - محدد السمة

    يتطابق هذا مع أي عنصر تتطابق فيه السمة مع القيمة المحددة.مثال إذا كنت تريد جعل كافة خانات الاختيار المحددة باللون الأحمر.

    input[checkec='true'] {
  background-color:red;
}

يجب عليك استخدام محددات Google CSS 2.1 لمزيد من المعلومات.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top