CSS には、まだ知らない人もいるかもしれないいくつかの優れたセレクターもあります。たとえば、偶数と奇数を選択するなど、実際のプロジェクトで Web ページを簡単に制御できるようになります。この記事では、ID やクラスなどの既知の CSS セレクターを適用しません。
これらのセレクターの仕組みと、さらに高度な内容について説明します。
2. 最初の行と最初の文字
| p:first-letter | 给段落中的第一个字母样式 |
| p:first-line | 选择段落中的第一行 |
3. 兄弟と子
| :before | CSS中使用content属性添加一个元素到当前元素之前 |
| :after | CSS中使用content属性添加一个元素到当前元素之后 |
4. ターゲット疑似クラス
| body > p | 选择仅直接孩子 p 标签(不能是嵌套的) |
| h1 + p | 选择紧跟在h1标签后面的兄弟节点p |
| h1 ~ pre | 找到所有跟在h1后面的pre标签 |
| セレクター | URL | Div |
| *:target | http://example.com/about.html #thebox | この DIV に設定します
|
| 选择器 | URL | Div |
| *:target | http://example.com/about.html#thebox | 设置在这个DIV |
たとえば、ページが非常に長く、コメントに直接ジャンプする必要がある場合は、これを実行します。このとき、ページの#id(リンクに記載)で設定され、そのidに対応する位置にジャンプする際に、そのジャンプ位置にスタイル効果を与えることができます。 . :nth-child pseudo-class
6. 属性セレクター
| tr:first-child / tr:last-child | 第一个或者最后一个 |
| tr:nth-child(odd) / tr:nth-child(even) | 选择奇数或者偶数元素 |
| tr:nth-child(10n-1) | 每9, 19, 29, 等元素 |
| tr:nth-child(-n+6) | 表格的前6行 |
| tr:nth-child(-n+6) | 表格的前6行 |
この記事は Wu Tongwei のブログに属します。
| [attr~=”value”] | a[rel~=”copyright”] | 任何元素的一系列属性设定,以空格分割 |
| [attr|=”value”] | a[hreflang|=”en”] | 任何a以en开头的属性 |
| [attr^=”value”] | img[src^=”images/”] | 一个特定字符串开始匹配 |
| [attr$=”value”] | a[href$=”.html”] | 一个特定字符串结束匹配 |
元の記事、転載する場合は出典と対応するリンクを明記してください: http://www.wutongwei.com/front/infor_showone.tweb?id=181、ようこそ拡散して共有してください。
HTML対CSS対JavaScript：比較概要Apr 16, 2025 am 12:04 AMWeb開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。
HTML：それはプログラミング言語か何か他のものですか？Apr 15, 2025 am 12:13 AMhtmlisnotaprogramminglanguage; itisamarkuplanguage.1）htmlStructuresandformatswebcontentusingtags.2）ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。
HTML：Webページの構造の構築Apr 14, 2025 am 12:14 AMHTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。
テキストからウェブサイトへ：HTMLの力Apr 13, 2025 am 12:07 AMHTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1）htmlは、などのタグを介してドキュメント構造を整理します。 2）ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3）マルチメディア関数を強化するなど、HTML5の新機能。 4）一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5）最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。
HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AMwebdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、
HTMLの役割：Webコンテンツの構造Apr 11, 2025 am 12:12 AMHTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。
HTML、CSS、およびJavaScript：Web開発者に不可欠なツールApr 09, 2025 am 12:12 AMHTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
WebStorm Mac版
便利なJavaScript開発ツール
MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター
