CSSの複数条件の書き方の詳細説明:
|
:not疑似クラスセレクターは、式に一致しない要素をフィルタリングできます。 例
テーブル tbody tr:not(:first-child):not(:last-child) td
{
テキスト配置: 右;
}
上記のコードは、表のtbody部分で最初と最後以外のtrを選択し、その子td要素のテキストスタイルを右に設定することができます。 ここでは、not の文法形式に注意する必要があります。 シングルは書いていません:
/*段落以外の要素を選択*/
:not(p)
{
}
複数のnotの書き方
/*div 内の最初でも最後でもない中央の p 要素を選択します*/
div p:not(:first-child):not(:last-child){
}
以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 |
推薦する
Dockerはnginxをデプロイし、フォルダとファイル操作をマウントします
この間、私は docker を勉強していたのですが、nginx をデプロイするときに行き詰まりました...
vue3+TypeScript+vue-routerの使い方
目次使いやすいプロジェクトを作成するvue-cli 作成ヴィートクリエイションvue-routerを...
Explainキーワードに基づいてMySQLインデックス機能を最適化する方法
EXPLAIN は、MySQL がインデックスを使用して選択ステートメントを処理し、テーブルを結合す...
Nginx 構成の場所の一致ルールの例の説明
nginx の設定命令のスコープは、main、server、location の 3 種類に分けられ...
Docker Compose を使用して Confluence を構築するチュートリアル
この記事は「Attribution 4.0 International (CC BY 4.0)」ライ...
フロントエンドページのポップアップマスクはページのスクロールを禁止します
フロントエンド開発者がよく遭遇する問題は、ユーザーに情報を提示するためのポップアップ ウィンドウを作...
Vue-router プログラムナビゲーションの 2 つの実装コード
ページをナビゲートする2つの方法宣言型ナビゲーション: リンクをクリックしてナビゲーションを実現する...
太陽系の惑星のアニメーション効果を実現するHTML+CSS3コード
太陽系の 8 つの惑星（衛星を除く）のアニメーションを作成します。すべての惑星は太陽の周りを回ってい...
Mysqlマスタースレーブ同期の実装原理
1. MySQL マスター/スレーブ同期とは何ですか?マスター データベースのデータが変更されると、...
JavaScript での実行コンテキストと実行スタックの例の説明
JavaScript - 原則シリーズ日常の開発では、既存のプロジェクトを引き継ぐときは常に、まず他...
DockerでのinfluxDB分散時系列データベースのインストールと関連操作について簡単に説明します。
influxDB の紹介influxDB は分散型時系列データベースです。 cAdvisor はリ...
v-html レンダリング コンポーネントの問題
以前 HTML を解析したことがあるので、今日は Vue ドラッグ アンド ドロップを使用して、Ku...
フロントエンド HTML+CSS+JS を使用してシンプルな TODOLIST 関数を開発する (メモ帳)
目次1. 簡単な紹介2. スクリーンショットを実行する3. コードの紹介4. まとめ1. 簡単な紹介...
jQueryカルーセル機能を実装する方法
この記事では、jQueryカルーセル機能の実装コードを参考までに共有します。具体的な内容は次のとおり...
opensslを使用して無料の証明書を生成する方法
1: openssl とは何ですか? その機能は何ですか?適用シナリオは何ですか? Baidu 百科...