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 を応援していただければ幸いです。 |
推薦する
JavaScriptは検証コードと検証のランダム生成を実装します
この記事では、検証コードのランダム生成と検証を実現するためのJavaScriptの具体的なコードを参...
Dockerでudpポート番号を指定する問題を解決する
Docker はコンテナを起動するときにアクセス ポートを指定します。複数の -p オプションを使用...
jsを使ってシンプルなディスククロックを実現する
この記事では、参考までに、シンプルなディスククロックを実装するためのjsの具体的なコードを紹介します...
クロスドメインの問題を解決するためのNginxの実用的な方法
フロントエンドとバックエンドを分離し、nginxを使用してクロスドメインの問題を解決するフロントエン...
MySQL全文インデックスの原理と欠点
MySQL フルテキスト インデックスは、特定のテーブルの特定の列に表示されるすべての単語のリストを...
MySQL 8.0.15 インストール グラフィック チュートリアルとデータベースの基礎
MySQLソフトウェアのインストールとデータベースの基礎は参考用です。具体的な内容は次のとおりです。...
Docker Swarm クラスタ管理の使用と原理の分析
Swarm クラスター管理導入Docker Swarm は Docker 用のクラスター管理ツールで...
JavaScript の useRef と useState の紹介
目次1. useStateフック2. useRefフック3. useRef と useState 4...
Ubuntu 20.04 と NVIDIA ドライバーのインストールに関するチュートリアル
Ubuntu 20.04をインストールする NVIDIAドライバーをインストールする Pytouch...
Pengyou.com モバイル クライアントのダウンロード ページのデザイン共有 (画像とテキスト)
まずは簡単なデータを見てみましょう。 Googleが発表したレポートによると、 ①中国の都市の97％...
Vueはログインジャンプを実装する
この記事では、ログインジャンプを実装するためのVueの具体的なコードを例として紹介します。具体的な内...
JS配列メソッドの詳細な説明
目次1. 元の配列が変更されます1. プッシュ(): 2.ポップ(): 3. シフト(): 4.un...
HTML ページ出力で従うべきいくつかの原則の要約
1. DOCTYPE は必須です。ブラウザは宣言した DOCTYPE に基づいてページのレンダリング...
React Nativeはモニタリングジェスチャーの上下プル効果を実現します
React Native は、プルアップとプルダウンの監視ジェスチャを実装します。詳細なコアコードは...
HTML メタビューポート属性の説明
ビューポートとはモバイル ブラウザは、Web ページを仮想の「ウィンドウ」(ビューポート) に配置し...