HTML CSS の 3 つの一般的なスタイル セレクター
|
1: タグセレクター タグセレクターはすべてのタグに使用されます。ここでは p を例に挙げます。つまり、 p を含むすべてのタグがこのスタイルになります。 コードをコピー コードは次のとおりです。<html> <ヘッド> <スタイルタイプ="text/css"> p{font:"宋体"; color:#FF0000} </スタイル> </head> <本文> <pid="p1">タグセレクターを表示しています</p> <pid="p2">タグセレクターも使用します</p> <h1>セレクターによって変更されていません</h1> </本文> </html> 2: id セレクター。id="yy" のみがこのスタイルを持ち、ページ内の要素の ID は一意である必要があるため、id セレクターは一意であることに注意してください。 。 。 id セレクターは # で始まり、次のように使用されることはご存じでしょう: id="" コードをコピー コードは次のとおりです。<html> <ヘッド> <スタイルタイプ="text/css"> #yy{font:"宋体"; color:#FF0000} </スタイル> </head> <本文> <pid="yy">IDセレクターを表示しています</p> <pid="p">IDセレクターによって変更されません</p> <h1>セレクターによって変更されていません</h1> </本文> </html> 3: クラスセレクター。クラスセレクターは で始まります。このスタイルを表示するには、要素の class="" を設定するだけです。使用法は次のとおりです: class="" コードをコピー コードは次のとおりです。<html> <ヘッド> <スタイルタイプ="text/css"> .yy{font:"宋体"; color:#FF0000} </スタイル> </head> <本文> <pclass="yy">クラスセレクターを表示しています</p> <pclass="yy">クラスセレクターによって変更されません</p> <h1>セレクターによって変更されていません</h1> </本文> </html> |
<<: Centos8.3、dockerデプロイメントspringbootプロジェクトの実際のケース分析
>>: CSSはフロントエンドの画像変形の問題を完璧に解決します
推薦する
mysql インストーラ コミュニティ 8.0.16.0 のインストールと構成のグラフィック チュートリアル
mysqlインストーラコミュニティ8.0.16.0インストールグラフィックチュートリアル、参考までに...
HTML 要素の高さ、offsetHeight、clientHeight、scrollTop などの詳細な説明。
要素に関するいくつかの属性フロントエンドの日常的な開発では、一部のページのプロパティを取得または監視...
MySQL グリーン解凍バージョンのインストールと設定手順
手順: 1. MySQLデータベースをインストールする1. MySQL-5.6.17-winx64....
VueでEchartsチャートの幅と高さの適応を実現する実践
目次1. インストールとインポート2. 手ぶれ補正機能を定義する3. チャートコードを描くinit ...
エラー 1862 (HY000): パスワードの有効期限が切れています。ログインするには、..... を使用してパスワードを変更する必要があります。
エラーメッセージ:エラー 1862 (HY000): パスワードの有効期限が切れています。ログインす...
Reactでコンポーネントがどのように通信するかの詳細な説明
1. 何ですかコンポーネント間の通信は、次の 2 つの単語に分けることができます。コンポーネントコ...
Linux/Mac MySQL パスワードを忘れた場合のパスワード変更コマンドラインメソッド
すべての前提条件にはルート権限が必要です1. MySQLプロセスを終了する //Linux sudo...
JS WebSocketを使用して簡単なチャットを実装する方法
目次ショートポーリングロングポーリングウェブソケットコミュニケーションの原則シンプルな1対1チャット...
mysql8.0.18 で winx64 をインストールするための詳細なチュートリアル (画像とテキスト付き)
MySQLデータベースをダウンロードするには、https://dev.mysql.com/down...
制限およびオフセット ページング シナリオを使用すると速度が遅くなるのはなぜですか?
質問から始めましょう5 年前、私が Tencent にいたとき、ページング シナリオでは MySQL...
WeChatアプレットの下部にあるタブバーがコンテンツをブロックする問題に対処する簡単な方法
WeChatアプレットでタブバーを設定すると、重要なコンテンツがブロックされ、iPhoneXなどの異...
固定、流動的、柔軟なウェブページレイアウトの長所と短所の分析
ウェブデザイナーを長い間悩ませてきた疑問があります。それは、固定レイアウト、流動的レイアウト、柔軟レ...
XHTML 入門チュートリアル: Web ページのヘッダーと DTD
ヘッドと DTD はページには表示されませんが、Web ページの重要な要素です。 なぜ失敗したのでし...
Linux システムで Code Cloud にプロジェクトをアップロードする方法
Code Cloudで新しいプロジェクトtest1を作成します。 公開鍵を取得するには次のコマンドを...
2018 年にリリースされる Apache Spark 2.4 の新機能は何ですか?
この記事は、2018 年 9 月 19 日に Adobe Systems Inc で開催された ...