2016-01-10 26 views
47

grileştirilmiş bir özelliği gösterdiği zaman ne anlama gelir? Stiller panelini (bu bağlamda hangi grileştirmenin ne anlama geldiğini biliyorum — uygulanmadığını), ancak sonraki paneli, Hesaplanan özellikler paneli. Bir Bilgisayarlı özellik silik gösterilmiştir edildiğindeChrome Dev Tools öğesinin,

Ne anlama geliyor

?

Örnek:

enter image description here

+9

... neden insanlar "tavsiye veya bir araç bulmak isteyen" olarak kapatmak için oy veriyor? Bu soru * bir araç hakkında *. * Diğer * araçlarla ilgili öneriler istemeyen bir işi yoktur. – BoltClock

+3

Teşekkür ederim. Kesinlikle bir araç bulmayı veya önermemeyi istemiyorum. – AmbroseChapel

cevap

36

Not: Bu cevap hayır sağlam kanıtlar vardır, o zaman birlikte benim gözlemlere dayalı.

gri hesaplanan özellikleri varsayılan, ne de miras uğramamış. Bu yalnızca öğesi için tanımlanan, ancak çalışma zamanı düzeni render dayalı çocuk veya ebeveyn ya hesaplanan değildi özelliklerine oluşur.

örnek olarak bu basit sayfayı alın, display varsayılan ve font-size devralınan: Bu özel örnekte

enter image description here

<style> 
    div { font-size: 13px; } 
</style> 
<div> 
    <p>asdf</p> 
</div> 
, height <p> 'in çocuklardan hesaplanır - metin düğümü (yazı tipini <div> sitesindeki genişliği, aynı zamanda ana <body> hesaplanır - boyutu artı satır yüksekliği), width kendi ana hesaplanır.


DÜZENLEME: Eh Benim burada görüş cevabı esaslı var, yine düşündü. Daha sonra Chromium kaynak koduna bir göz atmalıyım: D

Bu okları genişleterek, öğeye hangi gerçek kuralın uygulandığını görebilirsiniz, bunlara karşı tanımlananlar (doğrudan veya miras yoluyla) geliştirici veya tarayıcı): Burada

enter image description here

hatta tarayıcı yerleşik kuralları dahil olmak üzere her tanımına aşağı iz, ve CSS basamaklı (basan) mekanizması ile kontrol edebilirsiniz.

Yani, CSS tanımı var bu elemanlar için, sizi izlemek için herhangi bir kaynak yok (hayır doğrudan hayır, kalıtsal hiçbir tarayıcı yerleşik, tanımlı). Ve özellik değerleri tamamen çalışma zamanı hesaplanmıştır.

Eğer işaretlerseniz

tüm, daha soluk renkli özellikler gösterilmektedir göster. Bunlar da hiçbir yerde tanımlanmamıştır. Ama önceki ekran Excel'dekinden bu hesaplanan çalışma zamanı değildir - bunlar CSS Spec varsayılan değerdir.

enter image description here

+1

Bu mantıklı.Bir başka ayrıntı: gri tonlamalı özellikler, başkalarının yapabileceği şekilde, değerlerinin kaynağını belirli bir deklarasyonda göstermek için tıklanamaz. – AmbroseChapel

+0

@AmbroseChapel Tekrar düşündüm ve cevabımı güncelledim. Kaynak kodunu okumalıyım. İyi soru. – Leo

+0

Gri ​​özelliklerin "çalışma zamanı hesaplandı" olduğundan, gri özelliklerin genellikle 'yükseklik' ve 'genişlik' olduğundan, bunu düşündüğünüzde, bir öğenin çocuklarına dinamik olarak bağlı değerler (ör. öğenin içinde yer alan metnin yazı tipi ve yazı tipi boyutu veya öğenin genişliği olduğunda üst öğenin genişliği:% 100) –

İlgili konular