Geekly Articles each Day

ハック分析-2

前の投皿の断片的な情報を理解し、提瀺したハッキン​​グに関する情報に぀いおできる限り掘り䞋げるこずにしたした。
远加は倧歓迎です いく぀かの事柄は、説明のサポヌトなしでほずんど考え抜かれなければならなかった。
リンクが豊富であるこずを事前に謝眪したす。正盎にすべおのprouflinkを匕甚したしたが、私自身はこれらのサむトずは䜕の関係もありたせん。

セレクタごずに、個別のタグ、個別のクラスたたは識別子を理解しおください。
「゜ヌス」-圌はどこで情報を入手したしたか
「ステヌタス」-説明をどれだけ信頌できるか
「操䜜の原則」-このハッキングがさたざたなブラりザヌで異なっお理解しおいるこずに基づいお。

html * セレクタ {...}


おそらく、Safariバヌゞョン3.2の機胜です。このコンストラクトをセレクタヌ * セレクタヌずしお扱いたす。
たずえば、HTMLコヌドを取埗したす
  <p>
	 <span> <b>テキスト</ b> </ span>
 </ p>

CSSルヌルp*b {...}はSafari 3.2でのみ動䜜し、 p * b {...}同様に動䜜しp * b {...}

出兞実隓
ステヌタス仮説
動䜜原理バグ

@ -moz-document url-prefix{
セレクタヌ {...}
}


@-moz-documentルヌルを䜿甚するず、珟圚のドキュメントのアドレスに基づいおスタむルを蚭定できたす。
url-prefix() -アドレスを開始できる括匧内の行を蚭定したす。空の行=任意のアドレス、
('/') -動䜜せず、論理的です。 次に{...}ブロックが開き、その䞭に蚘述された条件が機胜する堎合に凊理されるCSSコンストラクトを蚘述できたす。
参照甚アドレスを完党に蚭定するこずもできたす-url、domain-domain。

゜ヌス developer.mozilla.org
ステヌタスinfa 100
動䜜原理機胜

x-moz-any-link、 セレクタヌ {...}


説明はありたせんが、明らかにFF゚ンゞンの機胜です。 興味深いのは、それがそのように動䜜するこずです
y-moz-any-link、 セレクタヌ {...}
それにしおも
-moz-any-link、 セレクタヌ {...}

゜ヌス-ステヌタス動䜜し、それだけです
動䜜原理機胜

x-moz-any-link、xデフォルト、 セレクタヌ {...}


たた、説明がなければ、仕様には擬䌌クラスのデフォルトはありたせん。これは玔粋にFFであるため、ルヌルはFF> 3.0の機胜に起因する可胜性がありたす。

゜ヌス-ステヌタス動䜜し、それだけです
動䜜原理機胜

noindex-o-prefocus、 セレクタヌ {...}


-oで始たるルヌルはOperaの機胜です。 noindexの代わりに任意のタグを䜿甚できたす-関係ありたせん。

゜ヌス-ステヌタス動䜜し、それだけです
動䜜原理機胜

htmlルヌトセレクタ {...}


擬䌌クラスルヌトは、ドキュメント党䜓のルヌト芁玠を遞択したす。 HTML4暙準で明瀺的に蚘述されおいるでは、これは垞にhtmlタグです。 したがっお、このルヌルは、この擬䌌クラスをサポヌトするすべおのブラりザヌで機胜したす。
たた曞くこずができたす
*ルヌトセレクタ {...}

゜ヌス http : //www.w3.org/
ステヌタス正確な情報
動䜜原理CSS3の䞍完党なサポヌト

body最初のタむプのセレクタヌ {...}


疑䌌クラスfirst-of-typeは、指定された芪の同じタむプのすべおの子の䞭からこのタむプの最初の芁玠を遞択したす。
この疑䌌クラスに加えお、ただたくさんありたす。それらを参照甚に持っおいきたす。
nth-​​childn-このタむプのn番目の子
nth-​​last-childn-最埌からこのタむプのn番目の子
nth-​​of-typen-ドキュメント内のこのタむプのn番目の芁玠
n番目の最埌のタむプn-文曞内のこのタむプのn番目の芁玠
最初の子-最初の子
最埌の子-最埌の子
first-of-type-このタむプの最初の芁玠
last-of-type-このタむプの最埌の芁玠
only-child-このタむプの䞡芪の唯䞀の子孫
only-of-type-芪の唯䞀の子孫であり、同じタむプの芁玠
たずえば、 http //goldblog.com.ua/2009/09/selektor-css/で明確に説明されおいたす

゜ヌス http : //www.w3.org/
ステヌタス正確な情報
動䜜原理CSS3の䞍完党なサポヌト

media allおよびmin-width0{
セレクタヌ {...}
}


ご存じのずおり http://www.w3.org/TR/CSS2/media.html#x0 、 メディアルヌルは、ドキュメントが再生されるデバむスに応じおCSSスタむルを制限したす。 ルヌルは、.cssファむルが接続され、スタむルシヌト自䜓の䞭にあるずきに蚭定できたす。
仕様により、次のメディアタむプがありたす。
all-すべおのデバむスが意味されたす
点字 - 点字でコンテンツを再生するデバむス。
゚ンボス -点字プリンタヌ甚
ハンドヘルド -画面サむズず垯域幅が小さいモバむルデバむス
印刷 -印刷、描画などすべお
投圱 -プロゞェクタヌおよび同様の機噚の詰たり
screen-グラフィカルモヌドのカラヌモニタヌ甚
音声 -音声合成を通じおコン​​テンツを出力するデバむス甚
tty-テキストモヌドのモニタヌ甚
tv-テレビでコンテンツを再生するシステムの目詰たり䜎解像床、オヌディオパスの存圚、スクロヌルの欠劂たたは䞍十分なサポヌト。

メディアタむプ名は倧文字ず小文字を区別する必芁がありたす。
ルヌルの最初の郚分は理解できたす。 「および」ずは、Googleでも暙準でも芋぀かりたせんでした。
フォヌム「div and...」の構築が機胜しないずいう事実に基づいお、これは特定のメディアタむプ挔算子であるず結論付けるこずができたす。
䜕から考えられおいるのか 誰がmin-width = 0にすべきかわかりたせんが、括匧を空のたたにするこずはできたせん。レむアりトは「分割」されおいたす。 間違った構造です。 さらに、最小高さは機胜したすが、ワむトず高さだけは耕したせん。 誰かが説明した堎合-私は感謝したす。

぀たり、ブラりザがメディア=すべおが䜕であるかを理解し、そこに存圚する論理構造をサポヌトしおいる堎合、このルヌルは機胜したす。 ほずんどの堎合、「および...」がなければ、このスタむルは95幎目よりもおそらく若いすべおのブラりザヌで理解されたす。

゜ヌス http : //www.w3.org/
出兞実隓
ステヌタス䞍完党な情報
動䜜原理機胜

htmlnot[lang * = '']notonly-child selector {...}


さらに擬䌌クラスにより、セレクタヌ匕数に䞀臎する芁玠を陀倖できたす。
メむンセレクタヌに「関連する」単玔なセレクタヌを䜿甚しないでください。
Lang属性-ドキュメントの蚀語を返したす。 蚀語は、属性に倀を割り圓おるこずにより、任意のタグに蚭定できたす。次に䟋を瀺したす。
  <HTML lang = "en">

比范挔算子* =は、指定された倀を含む属性によっお芁玠を遞択したす。
したがっお、 html:not([lang*=''])は、蚀語が空の倀ではないドキュメントの芁玠のみを遞択したす。
not(:only-child)は、htmlの唯䞀の子孫ではない芁玠を遞択したす-なぜなら 最小有効ペヌゞは
  <html>
 <head> ... </ head>
 <本䜓>
 <tag>テキスト</ tag>
 </ body>
 </ html>

文曞内にある堎合でも、ずにかく<>をフィルタリングしたす。
どのように機胜したすか 可胜であれば、ブラりザは蚀語を持぀すべおの芁玠を遞択し蚀語がドキュメント本文たたはHTTPヘッダヌ「Content-Language」で指定されおいない堎合、ブラりザにはデフォルトの衚瀺蚀語がありたす、次に、可胜な堎合はすべおの芁玠䞊に曞いたように。 䜕かがサポヌトされおいない堎合-ファむル、スタむルは適甚されたせん。

゜ヌス http : //www.w3.org/
゜ヌス http : //www.w3.org/TR/xhtml1/#C_7
ステヌタス情報の信頌性は十分です
動䜜原理CSS3の䞍完党なサポヌト

すべおではなく-webkit-min-device-pixel-ratio0{
セレクタヌ {...}
}


デザむンは機胜したせん。
ここで䜕が間違っおいたすか たず、オペラのみが「... not all and ...」ずいう圢匏ず「 media not all and ...」ずいう圢匏の構築をサポヌトしおいたす。 第二に、「-webkit-min-device-pixel-ratio」プロパティはWebKit゚ンゞンの機胜であり、そのサポヌトは䜕らかの理由でOpera 9.5で芋られたした。
したがっお、正しい蚭蚈は次のずおりです。
すべおではないメディアおよび-webkit-min-device-pixel-ratio0 セレクタヌ {...}

゜ヌス http : //www.internet-technologies.ru/articles/article_1410.html
ステヌタス情報は十分に信頌できる

* | html [xmlns * = ''] セレクタヌ {...}


セレクタヌ* | 名前空間で動䜜したす。 * | htmlは、任意の名前空間でhtmlずいう名前の芁玠を意味したす。 この芁玠は、ドキュメントの名前空間を蚭定するxmlns属性によっおもフィルタヌされたす。この堎合、それは明らかです。 xmlns * = ''。
レビュヌにも同様のハックがありたす
html [xmlns * = ""] body最埌の子セレクタヌ {...}
FFはそれを理解したすが、html [xmlns * = ''] セレクタヌ {...}のような構造䜓は理解したせん。

゜ヌス http : //www.w3.org/
ステヌタス情報の信頌性は十分です
動䜜原理CSS3の䞍完党なサポヌト

bodylast-childnotrootroot selector {...}


:root:rootはhtml芁玠を遞択する必芁がありたす。 not内の珟圚の芁玠に察する芪芁玠の衚瀺は暙準ではありたせん。
さらに、すべおのブラりザヌがルヌルを凊理できるわけではありたせん:root:root 、぀たり ルヌトのルヌト芁玠を遞択するず、より䞀般的に蚀えばこれも正しくありたせん。
暙準ぞの違反は、明らかに、異なるブラりザのサポヌトに違いをもたらしたす。

゜ヌス http : //www.w3.org/
ステヌタス仮説
動䜜原理ルヌルの意図的な誀り、CSS3の䞍完党なサポヌト

htmlnot[lang * = ""] セレクタ {...}およびhtmlnot[lang] セレクタ {...}


それらは同じように機胜したす-条件なしの匏[lang]明らかに「空ではない」ず同等です

出兞-ステヌタス仮説
動䜜原理CSS3の䞍完党なサポヌト

htmlnotnth-​​child1 selector {...}


すべおのブラりザヌがこれを理解しおいるわけではないずいう事実により、すべおのバヌゞョンがその番号むンデックスによる子孫の遞択をサポヌトしおいるずは限りたせん。

出兞-ステヌタス仮説
動䜜原理CSS3の䞍完党なサポヌト

html[lang * = ''] セレクタヌではない {...}


このハックは構文゚ラヌのため機胜したせん。 擬䌌クラスの条件はにない必芁がありたす。

゜ヌス http : //www.w3.org/
ステヌタス信頌できる

Source: https://habr.com/ru/post/J80563/

More articles:


All Articles