关于选择器部分,最后介绍的选择器是通用兄弟元素选择器,它用来指定位于同一个父元素之中的某个元素之后的所有其它某个种类的兄弟选择器所用到的样式。
div~p { background:#06F; color:#FFF;}
该示例中对所有div元素之后的、与div元素同级的p元素指定样式,但是对div元素内部的p元素不指定样式。
<div> <p>没有样式的一段</p> <p>还是没有样式的一段</p> </div> <p>使用样式的一段</p> <p>还是使用样式的一段</p>
关于选择器部分,最后介绍的选择器是通用兄弟元素选择器,它用来指定位于同一个父元素之中的某个元素之后的所有其它某个种类的兄弟选择器所用到的样式。
div~p { background:#06F; color:#FFF;}
该示例中对所有div元素之后的、与div元素同级的p元素指定样式,但是对div元素内部的p元素不指定样式。
<div> <p>没有样式的一段</p> <p>还是没有样式的一段</p> </div> <p>使用样式的一段</p> <p>还是使用样式的一段</p>
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。
divcss入门视频教程-DIVCSS布局第6课-CSS滤镜的应用
2015-09-30 11:41
divcss入门视频教程-DIVCSS布局第5课-用CSS制作漂亮的菜单
2015-09-30 11:40
divcss入门教程-DIVCSS布局第4课-设置页面和浏览器的元素
2015-09-30 11:40
divcss入门教程-DIVCSS布局第3课-设置表格与表单的样式
2015-09-30 11:38