CSS选择器

Css选择器

选择器 {
    属性:值;
    属性:值;
}
选择器分类:

(1)标签选择器:

注意:标签名必须是HTML中的标签。

(2)类选择器

通用命名规范介绍:

header

内容

content、container

footer

导航

nav

侧栏

Column

页面外围控制整体布局宽度

Wrapper

左右中

Left\right\center

登录条

loginbar

标志

Logo

广告

Banner

页面主题

Main

热点

Hot

新闻

News

下载

Download

子导航

Subnav

菜单

Menu

子菜单

Submenu

搜索

Search

友情链接

Friendlink

页脚

Footer

版权

Copyright

滚动

Scroll

内容

Content

 (3)Id选择器

注意:标签选择器唯一,一个标签只能有一个id号。

(4)通配符选择器

以上为基础选择器,下面为复合选择器。

(5)标签指定式选择器

既……..又……..关系

(6)后代选择器

标签之间属于嵌套关系、

选择器之间必须留有空格!

(7)并集选择器

不存在嵌套关系,无论藏的有多深,都能够被找到。

总结:

   选择器在CSS中所占的分量是十分重的,它在后期的js中也会有所涉及,并且和JS的选择器有异曲同工之妙。为后期的学习打下了很好的基础。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 13
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值