このビデオでは、3つのCSSAセレクタに焦点を当てます。
それらはクラス内の要素IDです。
したがって、要素を選択するための選択肢が増えています。
私たちは後でそれらについて学びますが、始めにこれらの3つに焦点を絞るつもりです。
そして私がセレクターと言うとき、この一般的なルールに戻って考えてみましょう。早い段階でCSSAを開始しました。セレクタがある場所、中括弧、そしていくつかのプロパティがあります。
ここではいくつかのセレクタを見てみましょう。
そして、我々が実際にやるべきことは、本当にシンプルなリストを作ることです。
だから私は新しいファイルを作るつもりです。
私はそれを保存するつもりです、私はそれを持っていれば、HMOを追加し、HMOを追加してください。
そしてそれがうまくいく方法はH1になるだろうし、そして我々は同盟者とうまくいくつもりです。
しかし、それぞれの味方にはテキストがあり、小さなチェックボックスがありますので、チェックボックスをどのように行うかを覚えていれば、入力タイプがチェックボックスと等しいかどうかを確認してください。
。
だから、私たちは錆びて歩いているでしょうし、ちょうどこれを複製するつもりです。
だから、ここで3人は食料品を買うだけでRustyを歩くだろう。
最後に、フィディアスの評価を見て録音を終了します。
だから、ブラウザでこれを開くと、私たちは最終製品の穏やかでスタイリッシュなバージョンを見ていきますが、スケルトンはそこにあります。
私たちには2つのdoがあり、それぞれに小さなチェックボックスがあります。
OK。
だから私たちがやりたいことは、スタイルシートを接続することです。
今回は、まずは存在しないスタイルシートを接続してから、スタイルシートを作成してみましょう。
そこで、このエラー駆動型開発と呼ぶ人もいます。私たちが動作しないことを知っているものを書き、その後は動作させるようにします。
だから私は、これを呼び出すつもりです。
私たちが次にやることは、Cが評価するDewesにそのファイルを作ることです。
そして、これは研究をするのと同じ場所にいる必要があります。
ティム私はそれを保存し、それが接続されていることを確認するだけです。
体の背景オレンジのようなものをやってみましょう。これは実際に私がカラービデオで話していたものです。
これは私が実際にオレンジのような色を使用する唯一の時期の一つです。
教えのほかに、私はただ何かが接続されていることを確認するためにそれを使用するだけで私は明るい色がほしいと思う。
私は、このC Sを使うのがここで正しく参照されているかどうかを見たいと思います。
私たちが新鮮ならば。
さて、素晴らしいことがつながっている。
私たちがやることはここのスライドに戻って、実際に多くの時間を費やして準備していたエレメントセレクターについて話をすることです。
それは基本的にあなたがdivや段落または本文を指定したときの攻撃のタイプであり、それに対応するすべてのインスタンスをすべて対応する要素で選択します。
この例では2つのdivがあり、各divには2つの段落があり、すべてのdivを背景に紫色に設定すると、2つの紫色のデバイスがすべての段落を黄色に設定します。黄色の段落が4つあります。
それで、私たちがボディを選択するときにここでやっていることです。
すべてのALWISにとってもそれを実行して、命令を出したり、2つのピクセルが赤く点灯するようにチャープしたりできます。
今はもちろん、それはすべての同盟国に作用します。
OK。
ですから、私たちがやりたいことは、1人の味方、あるいは1個のH-1、あるいは何かの1つのインスタンスです。
この例では、3番目の嘘を選択して黄色にしています。
そして、我々がやっているやり方は、実際にチームを少し変更してから、H T M
LとR C Sに追加するフックを使って、それをすべて参照して黄色にします。
だから最初のステップは、IDと呼ばれるフックを追加することです。
それでアイデアが機能する方法は、それを任意の要素ID equalsに属性として追加します。
そしてあなたが望む任意の名前を引用符で囲むことができます。
次に、Octa
Thorpeやハッシュ記号、IDの名前を書いて、そのID名と一致する要素を1つ選択します。
例として、この最終的な同盟国をここで少し違って見せたいとしましょう。
私ができることは、ここに行くことです。同盟者に、それにIDを与えましょう。
そして、これはどんな名前でもかまいません。
この特別なことを呼んでみましょう。私はそれを特別なものと呼んでいると言っています。それは本当に素晴らしい名前ではありませんが、IDを使用するポイントは何かを一つにすることです。
これは、個々の要素とIDに関する1つの注釈をターゲットにする方法です。
1ページに1回しか表示されません。
だから私はこれをして、実際に無効なHMOの2つの要素に特別なIDを与えようとします。
だから、いつもそのページに一度そこにいるはずです。
これは純粋に単一の要素を単一にするために使用されます。
しかし、ページに複数のIDが表示されるのは、複数回表示されない限りです。
OK。
だからこの特別なものに行きましょう。
さあ、ここでそれを見てみましょう。
ここの最後の1つです。
背景色を付けましょう。
だからそのIdを行うには名前は特別です。
私たちはCSSAファイルに行き、私たちは特別な書き込みを行い、その前にオクターブを置くだけで、私たちがIDについて話していることがわかります。
だから、私たちがしているのはここに書かれているかC Sだから、背景の色をして、それを黄色にしましょう。
ファイルを更新して保存してください。黄色い場合にのみ表示されます。
だから私が指摘したいことがいくつかあります。
1つは、このコードがまだ動作していることです。
それはすべての同盟国を回します。
これは、最終的な1つを含む赤い境界を与えます。
それから、私たちが追加してIDで呼び出したこのフックに基づいて最後のものに黄色の背景だけを追加することで、その上に追加します。
だから、要素を1つにする方法としてアイデアをまとめるには、1ページに1回しかIDを使うことはできませんが、1ページにIDをいくつでも置くことができます。
IDは個々の要素を1つにするのには優れていますが、類似した複数の要素を持つことがしばしばありますが、たとえばすべての同盟者を望むわけではありません。
だから私は、同盟国の半分を半分ずつ、半分を半分ずつ、それを達成するためにクラスを使用する別の方法で作っていきたいとしましょう。
だからクラスが動作する方法は、クラスと呼ばれる以外はIDのようなもので、ページ上の任意の数の要素に適用することができます。
ここでは、最初の段落と3番目の段落にハイライトというクラスを適用して、オクターブのソープではなくドットで成功を収めています。
ここでもまたIDを選択するためにここでは、クラスを選択するためにハッシュ記号またはオクターブソープを使用しています。
ドットを使う。
それ以外の場合は同じ方法で動作します。
だから例を挙げましょう。
私はクラスを追加し、私はこれを動作させる方法を追加するつもりです、我々はこれらの2つがチェックされているふりをするつもりです。
ですから、私はテキストを通る線があることを願っています。
だから買い物店を見てレトリを歩いてみると、このテキストを通ってストライキされるべきですが、最後のストライキはありません。
ですから、私たちがそのやり方をやり遂げる方法は、クラスと一緒です。
その場で私は先に進んでクラスを追加して、これを完成し、もう1つのクラスが完了したとみなして、それを保存してリフレッシュすれば保存します。
私にはスタイルがないので何も起こりません。
だから私は私のC Sと私は右のドットに行き、クラスの名前は中括弧を完了し、今スタイルを完了します。
ここでは、テキストの装飾と呼ばれる新しいものを紹介します。テキストの装飾は、行を追加する方法です。
しかし、あなたができることはいくつかあります。
あなたは下線を追加することができます、そして、波線の下線を追加することができます。明らかに、私は上線を除いて下線のような線と上の線を知りませんでした。
だから私たちはラインスルーを使用するつもりです、それはそれでなければなりません。
だから私はリフレッシュする場合。
これらの上位2つに注目してください。
私たちは今すぐラインを通す。
すばらしいです。
私がここにいる間、簡単なメモは、ページが読み込まれたときにこれらのチェックボックスをチェックしたい場合です。
だから今はチェックされていないので手動でチェックしなければなりませんが、もし私がトップ2をチェックしたいのであれば、ここに行き、checkedという属性を追加することができます。
これはチェックボックスの入力にも作用します。
そうすれば、もし私が新鮮だったら、ページが読み込まれたらチェックされます。
だから実際に評価を見ていませんが、あなたがそれを行うことができることを知ることが重要です。
OK。
だからこれを本当に素早く包みましょう。
与えられた要素すべてを選択する要素セレクタがあります。
ALWISはすべてすべての段落を分割します。
一致するIDを持つ1つの要素を選択するIDセレクタがあり、それに常にオクターブを使用する必要があります。
またはハッシュ記号。
そして、我々はクラスセレクタと非常に似ているクラスセレクタを持っていますが、クラス名に基づいて選択することと、クラスは一度しかないIDとは違って、