CSS中选择器以及伪类和伪元素选择器

3.5结构选择器

(1)后代选择器:可以选择一个元素的后代元素,这个后代元素包括儿子,孙子,以及后代结构。

<<style type="text/css">

        .content a{

            font-size: 25px;

        }

(2)子元素选择器:某一个元素的直接后代。

(3)并选择器:将相同的样式放在一起,类名直接用英文逗号分隔

写法E,F


 

#myself div{
    background-color: green;

空格号:选中所有后代

+号:选中他的第一个弟弟

~号:选中他所有弟弟

>号:选中第一代后代

3.7通配符选择器

通配符选择器可以选中页面所有的标签

注意:通配选择器对页面所有的元素都会设置对应的样式,但是实际上,有很多元素默认是不带任何的样式       

3.8兄弟选择器   

E+F;    选中最近的“弟弟”元素。不选中自己

3.9伪类,伪元素选择器

1.伪类

(1)根据元素不同的状态,自动选择不同的样式

(2)直接添加一个class,给这个class设定特殊的样式

 Li:first-child


分别是点击前,点击后,放置在上面,点击的那一刻(ctrl+左键) 两个以上同时出现时,必须先定义link属性

2.伪元素选择器

   2.1需要设置特殊效果的内容放到一个元素(标签) 里面span

   2.2在添加一个class,对class设置特色样式。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值