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 を応援していただければ幸いです。 |
推薦する
HTML+CSS+JavaScriptにより、マウスの動きに合わせて選択したエフェクトの表示を実現します。
1. 表示効果: 2、HTML構造 <div class="プロセスリスト-lpu...
MySQL 5.7.18 winx64 のインストールと設定方法のグラフィックチュートリアル
圧縮パッケージのインストールは、mysql-5.7 以降、大幅に変更されました。この記事では、mys...
Apache SkyWalking アラーム設定ガイドの詳細な説明
アパッチ スカイウォーキングApache SkyWalking は、マイクロサービス、クラウド ネイ...
すべてまたは逆の選択機能を実現するJavaScript
この記事では、全選択または選択を反転する機能を実現するためのJavaScriptの具体的なコードを参...
シェルスクリプトを使用して Docker サービスを一括で開始および停止する
目次Dockerを起動するDockerを停止するPython 呼び出しスクリプト最近、日々のテストで...
Vueはv-showを通じて最高の効果を達成します
html <div class="totop" v-show="...
JS 内の Json 文字列 + Cookie + ローカルストレージ
目次1.Json文字列1.1Json構文1.2 例2. クッキー2.1 使い方は？ 3. ローカルス...
Linuxで$を#に変更する方法
このシステムでは、# 記号は root ユーザーを表し、$ 記号は通常のユーザーを表します。では、ど...
XHTML の一般的なタグ
XHTML タグとは何ですか? XHTML タグ要素は、XHTML ドキュメントの基本的なコンポーネ...
VUEはタイムライン再生コンポーネントを実装します
この記事の例では、タイムライン再生コンポーネントを実装するためのVUEの具体的なコードを参考までに共...
Apache Webサーバーのインストールと設定方法
信頼性が高く、人気があり、簡単に構成できる Web サーバーである Apache で独自の Web ...
Vue h関数の使い方の詳しい説明
目次1. 理解2. 使用1. h() パラメータ2. 使い方が簡単3. カウンターケースを実装する4...
seata docker 高可用性デプロイメントの詳細な紹介
バージョン1.4.2公式ドキュメントドッカーハブ起動する環境変数SEATA_CONFIG_NAMEを...
Linux Dig コマンドの使用法
発掘紹介: Dig は、Unix ライクなコマンドライン モードで NS レコード、A レコード、M...
Vmware + Ubuntu18.04 に Hbase 2.3.5 をインストールするための詳細なチュートリアル
序文前回の記事では Hadoop をインストールしましたが、今回は Hbase をインストールします...