CSS

構文
セレクタ:not(適用しないセレクタ1):not(適用しないセレクタ2){//CSSコード}
使用例

<style>/* div:cftA cftC特定の要素にCSSを適用しない */div:n ...

構文
セレクタ:enabled{xxx}
セレクタ:disabled{xxx}

使用例

<style>/*セレクタのenabled属性*/input:enabled { backgroun ...

構文
option:checked {処理コード}

使用例

<!--オプションボタンがチェックされた場合にCSSを適用--><style> select { margin: 18px; ...

書式
疑似クラス::疑似要素
擬似クラス a:link
擬似要素 ::before
使用例

<style>/*擬似クラスのa:lilnk 擬似要素の::before*/a:link:: ...

説明
:last-child 疑似クラスは、兄弟要素のグループの中で最後の要素を表します。
htmlコード

<ul> <li>TestData A001 項目が選択されない</li& ...

構文
div::before{cssコード}
div::after{cssコード}
属性セレクタ::擬似要素

使用例

<style>/* div::beforeの定義*/div:: ...

書式
:focus — ユーザーがキーボードコントロールを使用して要素にフォーカスした場合にのみ適用されます。
使用例

<style>/*a:link a:visitedのスタイルシートを定義*/a: ...

説明
:first-child は CSS の擬似クラスで、兄弟要素のグループの中で最初の要素を表します。
htmlコード

<ul> <li>List-Item A001項目が選択されます ...

説明
:not() 擬似クラスは引数として、1つまたは複数のセレクターをカンマで区切ったものを要求します。
リストには否定セレクターや擬似要素を含めることはできません。
htmlコード

<p> ...

説明
:nth-last-of-type() 疑似クラスは、兄弟要素のグループの中で指定された型の要素を、
最後から数えた位置に基づいて選択します。
構文
:nth-last-of-type( < ...

書式
セレクタ{
プロパティ：値
}
使用例

<style> .cftB { color: blue; }</style><div class="cftA"> ...

構文
::before
選択した要素の最初の子要素として擬似要素を作成します。
使用例1
htmlコード
<span class=”contInfo”>AAA ...

説明
CSS の ID セレクター (ID selector) は、 id 属性の値に基づいて要素とマッチします。
構文
#ID値 { スタイルプロパティ }
{ スタイルプロパティ }
CSS ...

書式
:target は CSS の擬似クラスは、 URL のフラグメントに一致する id を持つ固有の要素 (対象要素) を表します。
書式
セレクタ:target{}

使用例

<st ...

書式
.クラス名:focus{xxx}
:focus は CSS の 擬似クラスで、フォーカスを持っている (フォームの入力のような) 要素を表します。普通はユーザーが要素をクリックやタップをしたり、キーボードの［タブ ...

説明
CSS の :active 疑似クラスは、ユーザーによってアクティブ化されている要素 (ボタンなど) を表します。マウスを使用する場合は、
「アクティブ化」とはふつう、第1ボタンを押し下げたときに始まります。 ...

書式
background: url(./img/xxx.png) repeat;
使用例

<style> .cft { background: url(./img/test.png) repeat; ...

書式
background: url(./img/xxx) space;
使用例

<style> .cft { background: url(./img/test.png) space; heigh ...