絞り込み指定: cssカスタマイズ

アフィリエイト広告を利用しています

広告

posted by fanblog

<< repeating-linear-gradient() | TOP | box-sizing >>

2018年07月15日

絞り込み指定

.aaa{background-color:yellow}.bbb{background-color:gold}.aaa.bbb{background-color:aqua;}//空白なし、順不問、下に同じ.bbb.aaa{background-color:skyblue;}//空白なし、順不問、上に同じ.aaa>.bbb{background-color:orange;}
/*「>」でつなぐ、親要素の中の「子要素」にしぼりこんで適用*/.bbb>.aaa{background-color:pink;}
/*「>」でつなぐ、親要素の中の「子要素」にしぼりこんで適用*/.aaa .bbb{background-color:orange;}
/*空白あり、親要素の中の「子孫要素」にしぼりこんで適用*/.bbb .aaa{background-color:pink;}
/*空白あり、親要素の中の「子孫要素」にしぼりこんで適用*/

class="aaa bbb"//順不問、下に同じ

class="bbb aaa"//順不問、上に同じ

class="aaa" class="bbb"

class="bbb" class="aaa"

class="aaa"

class="bbb"

class="bbb"

class="aaa"

class="aaa"

class="ccc"

class="bbb"

class="bbb"

class="ccc"

class="aaa"

posted by templayer at 04:16 | Comment(0) | TrackBack(0) | css

この記事へのコメント

コメントを書く

この記事へのトラックバックURL
https://fanblogs.jp/tb/7890872

※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック

CSSシミュレータ(filter)

指名手配

リメイクまとめ一覧

まとめ01
まとめ02
まとめ03
まとめ04
まとめ05
まとめ06
まとめ07
まとめ08
まとめ09
まとめ10
まとめ11
まとめ12
まとめ13
まとめ14
まとめ15

日本旅行

国内旅行・国内ツアー
JR＋宿泊セットプラン
国内ホテル・旅館宿泊予約
高速・夜行・深夜バス
レンタカー
観光クーポン
海外ツアー・海外旅行
海外航空券＋ホテル
海外航空券・格安航空券
海外ホテル・格安ホテル

楽天トラベル

国内旅行
国内ツアー
国内航空券
レンタカー
高速バス
海外旅行
海外ツアー
海外航空券
海外レンタカー・鉄道
海外ホテル
トラベルサポート
割引クーポン
懸賞広場
観光案内
ランキング

最新コメント

最新トラックバック

カテゴリー

おーぷん２ちゃんねる(15)
テンプレート(9)
html & css(7)
html(1)
css(28)

月別アーカイブ

2018年08月(12)
2018年07月(26)
2018年06月(22)

忍者AdMax

忍者AdMax

忍者AdMax

QRコード

RSS

RSS 1.0
RSS 2.0

CSSシミュレータ

テンプレート一覧

GIFアニメスレ
定式幕
3div 2column
ブラックボーダー
迷彩柄
リメイクスレ01
リメイクスレ02
ワンカラム（上下）
ワンカラム（下下）

html & css

見える化テンプレート
・アメーバブログ
・FC2ブログ
・ファンブログ（旧）
・ファンブログ（新）
id一覧
class一覧

html

ファビコン

css　プロパティ

border
border-radius
①円弧
②楕円弧
box-sizing
filter
margin
max-width
padding
paddingとmargin

css　値

display:flex;
filter:
　blur();
　brightness();
　contrast();
　grayscale();
　hue-rotate();
　invert();
　opacity();
　saturate();
　sepia();
linear-gradient()
①位置指定なし
②位置指定あり
③方向指定
repeating-linear-gradient()

その他

アコーディオン
開閉パネル　簡易版
開閉パネル　詳細版
開閉パネル　改良版

絞り込み指定
光と色の三原色

旭日旗
Z旗
日章旗　日の丸

画像素材

リンク

お絵描きVIP
Can I use...
HTMLクイックリファレンス
Pure CSS speech bubbles
The Shapes of CSS

検索

ランキング投票

ブログランキング・にほんブログ村へ

楽天市場

防災セット
応急手当用品
消火器
防災頭巾

非常食
保存水

簡易トイレ
簡易毛布・寝袋
防災ラジオ

×

この広告は30日以上新しい記事の更新がないブログに表示されております。