لماذا: المتوقع قواعد خصوصية CSS صلة فئة مزيفة استراحة؟

https://stackoverflow.com/questions/1804081

05-07-2019
|

سؤال

لفهمي، و قواعد CSS خصوصية تشير إلى أن فئة مزيفة لها نفس الوزن كبصمة محدد. لذا محدد مثل "شعبة ع ل" سيكون أكثر تحديدا من "ل: وصلة".

ولكن كما توضح حالة الاختبار التالي، وهذا لا يبدو أن هذا هو الحال. لماذا هو أحمر الارتباط؟

<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">

    <style type="text/css" media="screen">
        a:link { color: red; }
        div p a { color: green; }
        div.foobar p a { color: green; }
    </style>
</head>
<body>
    <div>
        <p>
          <a href="http://somecrazyurlwierdthing.com">A link... why is it red?</a>  
        </p>
    </div>

    <div class="foobar">
        <p>
          <a href="http://somecrazyurlwierdthing.com">But it turns green when you add a class selector.</a>  
        </p>
    </div>
</body>
</html>

وقام على سبيل المثال لتشمل "div.foobar ص ل" محدد.

المحلول

والمواصفات التي تصل إلى الدول التي من الدرجة الزائفة (:link في هذه الحالة) لديه خصوصية أعلى من اسم عنصر. على وجه الدقة، وذلك باستخدام شكل و-ب-ج-د، ك ثلاثة محددات يخرج على النحو التالي:

a-b-c-d
0 0 1 1
0 0 0 3
0 0 1 3

وحيرتك الممكن يأتي من استخدامك لمصطلح "محدد الزائفة" التي لا تعترف بالتمييز بين الزائفة الطبقات مثل :link وشبه عناصر مثل :first-line.

نصائح أخرى

والشيء هو :link ليس عنصر الزائفة مثل :first-line، انها من الدرجة الزائفة، وبالتالي يمكن اعتباره فئة لخصوصية.

المصدر

وخصوصية لكل:

وعلى: وصلة 0،0،1،1

وشعبة ص ل0،0،0،3

وعلى: انتصارات الارتباط

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow