第二讲 CSS3新增选择器

本文详细介绍了CSS3中的各种新增选择器,包括通配符选择器、元素选择器、类选择器、ID选择器、后代选择器、子元素选择器、相邻兄弟元素选择器、通用兄弟选择器、群组选择器,以及伪类选择器的各种应用,如动态伪类、UI元素状态伪类、CSS3的:nth选择器和否定选择器。同时,还讨论了`display:none`和`visible:hidden`的区别。
摘要由CSDN通过智能技术生成

选择器总结如下:

一、通配符选择器(*)

概念:* 通配符——通配符选择器是用来选择所有元素,也可以选择某个元素下的所有元素

*{margin:0; padding:0;}

.demo *{border:1px solid #000;}

 二、元素选择器(E)

概念:元素选择器其实就是文档的元素,如html,body,p,div等等

li{border:1px solid #000;}

三、类选择器(.className)

1、使用类选择器之前需要在html元素上定义类名

<li class="active important items">2</li>

.important {font-weight: bold; color: yellow;}

2、类选择器还可以结合元素选择器来使用,如:

p.items {color: red;}

3、多类选择器(多类选择器不被IE6支持),如:

.important.items {background:#ccc;}

4、id选择器(#ID)

 <li id="important">2</li>

#important {font-weight: bold; co

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值