<h4>Opera 9 だけにCSSハック</h4> <p>Opera 9 だけにCSSを割り当てます。<br /> 方法は以下の通りです。</p> <p><textarea class="html" name="code">opera:not(\*|*) { display:none; }</textarea></p> <p>operaのところを #id名あるいは .class名 に置き換えて使ってください。</p> <h4>補足: Opera 9のCSSセレクタ</h4> <p>Operaの仕様を見てみます。</p> <ul> <li><a href="https://jp.opera.com/docs/specs/opera9/css/" target="_blank">Opera 9 の CSS サポート</a></li> </ul> <p> セレクタに Negation pseudo-class :not() というのがあります。<br /> 日本語でいうと否定擬似クラスと言うみたいですが、:not()と略したいですね。</p> <p>さて、この:not() はCSS 3から出てきたもので <a href="https://www.w3.org/TR/css3-selectors/#negation" target="_blank">W3C: Selectors Level 3</a> に書かれています。英語が苦手な僕には詳しい部分はわかりませんが、指定した条件と一致しない要素に限ってCSSを当てることができます。</p> <p>ちなみにCSS 3セレクタ対応具合は次のサイトでもチェックできます。(精度はわかりません)</p> <ul> <li><a href="https://www.css3.info/selectors-test/" target="_blank">CSS3.info</a></li> </ul>
CSS Hack: Only for Opera 9
May 7, 2009
カテゴリ
タグ
- .NET (5)
- AAD (1)
- AfterEffects (1)
- Apache (1)
- Apple (1)
- Authenticator (1)
- Autodesk (3)
- aws (1)
- Azure (3)
- AzureFunctions (2)
- Blender (9)
- C (3)
- C++ (2)
- cyberduck (1)
- Dev Container (1)
- Docker (1)
- Emacs (10)
- FBX (1)
- Fire TV (1)
- Forge (1)
- Git (1)
- Go (3)
- Google (1)
- GPG (2)
- HoloLens (5)
- HoloLens2 (1)
- Houdini (1)
- HTML (1)
- Hugo (4)
- ime (1)
- iOS (4)
- ITS (2)
- javascript (4)
- Kaleidoscope (1)
- launchd (1)
- Linux (17)
- Liquid (4)
- LSP (1)
- macOS (42)
- Maya (13)
- MRTK (4)
- MySQL (3)
- Netlify (1)
- OpenGL (2)
- Org-Mode (4)
- Parallels (1)
- PGP (1)
- Programming (3)
- ProtocolBuffer (1)
- Python (3)
- R (3)
- Redmine (2)
- RenderMan (5)
- Ruby on Rails (2)
- rx (1)
- RxSwift (1)
- s3 (1)
- Sourcetrail (1)
- Subversion (1)
- Swift (7)
- Ubuntu (26)
- Unity (8)
- UnityHub (2)
- USD (6)
- UWP (1)
- VFX (8)
- Viewer3D.js (1)
- Visualization (1)
- VisualStudio (5)
- VSCode (3)
- VSIX (1)
- Web (9)
- Webビュー (1)
- Windows (11)
- WordPress (1)
- Xcode (12)
- オブジェクト指向 (3)
- おもちゃ (1)
- デザインパターン (3)
- マグカップ (1)
- 作品集 (1)
- 修理 (1)
- 健康 (2)
- 子ども (1)
- 思い出 (1)
- 映画 (2)
- 環境構築 (1)
- 統計学 (3)
- 認証 (1)
- 読書 (1)
- 過去記事インポート (281)
- 配線 (2)
- 開発環境 (10)