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 Three.js でテキストを作成する最初の経験
目次効果テキストの作成を開始するまずフォントローダーを作成するフォントライブラリを読み込むテキストジ...
docker+gitlab+gitlab-runnerの詳細なデプロイメント
環境サーバー: centos7クライアント: ウィンドウCentos7 に docker+gitla...
MySQL zip アーカイブ バージョン (5.7.19) の詳細なインストール チュートリアル
1. 公式サイト http://dev.mysql.com/downloads/mysql/ から ...
Vue router-viewとrouter-linkの実装原理
使用 <div id="アプリ"> <router-link ...
88 秒で 1,000 万件のレコードを MySQL データベース テーブルに挿入する方法
私が使用しているデータベースはMySQLデータベースバージョン5.7ですまずデータベーステーブルを自...
vue keepAlive キャッシュクリア問題事例の詳細な説明
Keepalive は Vue プロジェクトでのキャッシュによく使用され、基本的な要件を満たすのに非...
Vueでデータ例を定義する方法
序文開発プロセスにおいて、変数の定義は非常に頻繁かつ基本的なタスクです。変数の使用シナリオと範囲に応...
JavaScript と CSS を最適化してウェブサイトのパフォーマンスを向上させる
<br /> 第 1 部と第 2 部では、Web サイトのパフォーマンス、ページ コンテ...
ウェブデザインの詳細分析に関する詳細な議論
設計業務では、設計者がレビューに参加したり、リーダーの一部が設計案の詳細が足りないと言っているのをよ...
MySQL トランザクション分離レベルの表示と変更の例
トランザクション分離レベルを確認するMySQL では、'%tx_isolation%'...
CSS フレックスベースのテキストオーバーフロー問題の解決方法
重要でないflex-basisテキストオーバーフローに省略記号を追加するという小さな機能に多くの問題...
JavaScript の遅延読み込み属性パターンに関する簡単な説明
目次1. はじめに2. オンデマンド属性モード3. 乱雑な遅延読み込み属性パターン4. クラスの唯一...
MySQLのint主キーの自己増分の問題を解決する
導入MySQL データベースを使用する場合、int を主キーとして使用し、自動インクリメントに設定す...
Linux ファイル操作でよく使われるコマンドのまとめ
0. 新しい操作: mkdir abc #新しいフォルダを作成 touch abc.sh #新しいフ...
CSSテーマを簡単に切り替える方法の詳細な説明
最近、個人の Web サイトに非常にシンプルなカラー スキーム (テーマ) スイッチャーを追加しまし...