CSS选择器
CSS又称层叠样式表,它与HTML相辅相成,用到它的前提是通过绑定选择器去定义页面的样式,CSS选择器非常多,每一个选择器都带有它的特定的含义,选择器的作用规范了页面中哪些元素能够使用定义好的样式。
选择器的大概如下:
通用选择器:* {} (通配符) 它可匹配所有的元素,但是这样会对浏览器造成太大的负担,测试阶段可用
类选择器:它允许以一种独立于文档类元素的方式指定样式,可单独使用,也可与其他元素结合使用
<div class=””>,HTML的写法,它的选择则为.””;
ID选择器:它同样也是允许以一种独立于文档类元素的方式指定样式,它类似于类选择器,在HTML文档中,ID选择器只能使用一次,也仅此一次,而类可以出现多次,它也不能结合使用,是一个独立的选择器,ID 选择器前面有一个“#”号,也称棋盘号或井号。
元素选择器:非常常见的选择器,直接通过元素选择,p、div、h1、a、可快速定义样式,但是在页面布局方面,会存在多个p标签或者h1标签等等,则需要通过它的父元素选择(何为父子元素),也就是后代选择器(又称包含选择器),此图可帮助理解
后代选择器可以作为某元素的后代元素
子元素选择器:它只能作为某元素子元素的元素,假如不希望选择其它的后代元素,可以使用‘’子元素选择器
CSS伪类,可向某些选择器添加特殊的效果,CSS伪元素,可向某些选择器设置特殊的效果。
兄弟选择器,或者也可叫同胞选择器,拥有相同的父元素
<ul>
<li></li><li></li><li></li>
</ul>