＃＃＃＃＃＃含まれていない。 CSS セレクターには次のものがあります: 1. HTML ページの要素名を通じて特定の HTML 要素を見つけるタグ セレクター; 2. HTML 要素の class 属性の値を通じて特定の HTML 要素を見つけるクラス セレクター; 3. ID セレクターHTML 要素の id 属性の値を通じて特定の HTML 要素を検索します。 4. ワイルドカード セレクター「*」は、カスタム要素を含むすべてのタイプのタグ要素を参照できます。 5. 属性セレクターは、HTML 要素の既存の属性名を使用します。特定の HTML 要素を見つけるための HTML 要素または属性値。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
CSS セレクターとは何ですか?スタイルは CSS の最小構文単位です。各スタイルには、セレクターとセレクターの 2 つの部分が含まれています。以下に示すようなステートメント (ルール)。
セレクターは、HTML 要素の id、class 属性、または要素名そのもので構成されます。いくつかの特殊記号は、スタイルを定義する HTML 要素を指定するために使用されます。たとえば、セレクター p は、ページ内のすべての
タグのスタイルを定義することを意味します;
2。宣言宣言は 1 つまたは無数に存在でき、これらの宣言は、セレクターで指定されたオブジェクトをレンダリングする方法をブラウザーに指示します。すべての宣言は一対の中括弧
{ } 内に配置され、宣言全体がセレクターの直後に配置されます。 ステートメントには属性と属性値の 2 つの部分を含める必要があり、セミコロンを使用してステートメントの終わりをマークする必要があります。スタイルの最後のステートメントではセミコロンを省略できます。
HTML 構造から始めます
<div id="box">
<div class="one">
<p class="one_1">
</p >
<p class="one_1">
</p >
</div>
<div class="two"></div>
<div class="two"></div>
<div class="two"></div>
</div>CSS で一般的に使用されるセレクターは次のとおりです:
内の ID を持つすべての div 要素を選択します。
子セレクター (.one>one_1)、親要素が .one であるすべての .one_1 要素を選択します#疑似クラス セレクター
:link ：选择未被访问的链接 :visited：选取已被访问的链接 :active：选择活动链接 :hover ：鼠标指针浮动在上面的元素 :focus ：选择具有焦点的 :first-child：父元素的首个子元素
:first-letter ：用于选取指定选择器的首字母 :first-line ：选取指定选择器的首行 :before : 选择器在被选元素的内容前面插入内容 :after : 选择器在被选元素的内容后面插入内容
[attribute] 选择带有attribute属性的元素 [attribute=value] 选择所有使用attribute=value的元素 [attribute~=value] 选择attribute属性包含value的元素 [attribute|=value]：选择attribute属性以value开头的元素
CSS3 の新しいセレクターには次のものがあります。
階層セレクター ( p~ul)、p 要素が前にある各 ul 要素を選択します。
疑似クラス セレクター
:first-of-type 表示一组同级元素中其类型的第一个元素 :last-of-type 表示一组同级元素中其类型的最后一个元素 :only-of-type 表示没有同类型兄弟元素的元素 :only-child 表示没有任何兄弟的元素 :nth-child(n) 根据元素在一组同级中的位置匹配元素 :nth-last-of-type(n) 匹配给定类型的元素，基于它们在一组兄弟元素中的位置，从末尾开始计数 :last-child 表示一组兄弟元素中的最后一个元素 :root 设置HTML文档 :empty 指定空的元素 :enabled 选择可用元素 :disabled 选择被禁用元素 :checked 选择选中的元素 :not(selector) 选择与 <selector> 不匹配的所有元素
[attribute*=value]：选择attribute属性值包含value的所有元素 [attribute^=value]：选择attribute属性开头为value的所有元素 [attribute$=value]：选择attribute属性结尾为value的所有元素
#css 基本セレクターと優先順位
css 基本セレクター
##セレクター名説明
| 型セレクター/要素セレクター | |
|---|---|
クラス セレクター | は、HTML 要素の class 属性の値を通じて特定の HTML 要素を見つけます。この基本的なセレクターの使用法は、.クラス名 | の形式です。
| id selector | はクラス セレクターに似ています。特定の属性に基づいて HTML 要素と一致します。クラス セレクターはクラス セレクターと一致し、ID セレクターは一致します。 id 属性。 ID 属性は、ページ全体で唯一反復不可能であることに注意してください。 |
| ユニバーサル セレクター/ワイルドカード セレクター | 是一个星号（*），这个选择器是一个特殊的标签选择器，它可以指代所有类型的标签元素，包括自定义元素，以及
著者別の最新記事
最新の問題
ページが突然 CSS またはブートストラップを取得できなくなります
それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
Javafx でインライン CSS スタイルを動的に変更する
アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
|
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
