.content a{
font-size: 32px;
}
2.子元素选择器:通过某一个元素选中直接后代元素。
写法实例:
.content > a {
font-size: 32px;
}
并选择器写法:其实也说不上是选择器的一种,不过就是把两种选择器的共性的代码写在一起,简写了代码。
写法实例:
.div1,div2{ }
通配符选择器:
和属性选择器一样,也有通配符选择器
写法实例:*{ }
通配符选择器可以影响整个页面
注意事项:通配符选择器会对页面所有元素设置相应的样式,但在实际运用中,很多元素默认不带人和样式。
兄弟选择器:
1.写法实例:
.borthder{
text-decoration: none;
}
.borthder+a{
text-decoration: none;
}
注意:a 大家可以修改为自己页面的标签名
2.E~P选中所有的弟弟元素,并不选中自己。
小结:空格 表示所有后代
> 表示直系后代
+ 表示第一个弟弟
~ 表示所有弟弟
好吧,这些无趣的选择器介绍完了,下面给大家介绍一些有趣的选择器。
伪类选择器:
具体来说也没有一个能够看懂的解释,下面用非正式语言介绍一下。
1.根据元素的不同状态,自动选择不同的样式,或者,直接添加一个class,给这个class设定特定的样式。
li:first-child
a:hover:s鼠标滑过时的样式
a:active:被激活的时候参加样式,点击那一刻
a:link:链接地址为被访问时添加的状态,必须设置自href属性
A:visited:链接地址点击之后添加的颜色,必须设置href属性
Input:focus:拥有键盘输入获取焦点时候添加的样式。
伪元素选择器:
需要设置特殊效果的元素放到一个元素标签里面span,再添加一个class,对class设置特殊样式
为了方便,可以使用以下标签:
p:first-letter;p:fistline;p:before;p:after
为了给标签前后添加内容可以试试用before和after属性
ok,今天分享完毕,明天不见不散!