まず、使用:メニューではない()適用/キャンセルアプリケーションの境界線
私たちのいつもの練習はゼロにメニューの最後の境界線を境界線を設定し、設定した各メニュー項目を与えることです
/* add border */
.nav li {
border-right: 1px solid #666;
}
//* remove border */
.nav li:last-child {
border-right: none;
}
web前端开发学习Q-q-u-n: 731771211,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频,PDF)
同じ効果を達成するためにありません()擬似クラス:しかし、これ、使用をしません。
.nav li:not(:last-child) {
border-right: 1px solid #666;
}
第一子〜リー、しかし:読める、()より明確ではないもちろん、あなたも.navのLi +、Liや.navリチウムを使用することができます
.nav li + li{
border-left:1px solid #666;}
/*.nav li:first-child ~ li{
border-left:1px solid #fff;
}*/
第二に、使用:n番目の子(n)の選択項目
(注:添字1は、最初の子要素です)
:選択リストの第三の要素を示すN番目の子(3)
:N番目の子(2N)をタグ......すなわち、第六、第四、第二の選択、さらにタグリストを表し
:N番目の子(2N-1)、すなわち、第1、第3、第5、第7を選択し、選択リスト奇数のラベルを表し......タグ
:N番目の子は(N + 3)最後の三つ(> = 3)にリストから選択されたラベルを表します
:N番目の子(-n + 3)すなわち、ラベルが3未満(<= 3)であり、0〜3の選択されたタグのリストを表します
:N番目-最後の子(3)は、選択リスト]タブ3の逆を表し
:各要素n番目の型(n)は、特定のタイプのN番目のサブエレメントに属する親要素と一致します
第三に、非表示がミュートされていない、自動再生の動画
video[autoplay]:not(:muted){
display:none;
}
web前端开发学习Q-q-u-n: 731771211,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频,PDF)
ここでも、使用:not()
の利点
四、IEの条件付きコメント
IEに条件付きコメントは、IEおよび非IE IEのバージョンを区別するための優れた能力を有する一般Web開発ハック方法に使用されるIE加工製品のHTMLコードを分離することができます
<!--[if lt IE 9]>
//解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
//让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<![endif]—>
web前端开发学习Q-q-u-n: 731771211,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频,PDF)
- GT:より大きい、または選択基準のそれ以降のバージョン、状態、バージョンが含まれていません
- LT:以下の選択基準バージョンのバージョンのバージョンが条件付き含まれていない未満
- GTE:以上、選択基準またはそれ以降のバージョン、バージョン条件を含んでいました
- LTE:以下の選択基準バージョンバージョンバージョンは条件が含まれている、以下
- !:のレベルに関係なく、条件のバージョン以外のすべてのバージョンを選択します
第五には、固定テーブルレイアウトを形成:固定します;
通常、ワードラップで:ブレークワード;およびワードブレーク:ブレークのすべて;の使用
CSS3ワードラップの宿泊施設
ワードラップ:ノーマル|ブレークワード;
CSS3ワードbreakプロパティ
ワードブレイク:ノーマル|ブレイク|すべてキープすべて。
注:継続するには、新しいスキルを発見するには、更新していきます