java web-1.5CSS选择器

CSS语法格式

格式

选择器{
	属性名1:属性值1;
	属性名2:属性值2;
	...
}

选择器分类:基础选择器(id选择器,元素选择器,类选择器),扩展选择器
选择器: 筛选具有相似特征的元素
注意:每一对属性需要;隔开,最后一对不需要
在这里插入图片描述
在这里插入图片描述
选择器

  • 分类
    1.基础选择器
    (1)id选择器: 选择器具体的id属性值的元素。 语法:#id属性值{}
    建议在一个html页面中id值唯一
    在这里插入图片描述
    (2)元素选择器:选择具有相同标签名称的元素。语法:标签名称{}
    注意:id选择器优先级高于元素选择器
    在这里插入图片描述
    (3)类选择器:选择具有相同class属性值的元素。语法:.class属性值{}
    注意:类选择器优先级高于元素选择器在这里插入图片描述
    2.扩展选择器
    (1)选择所有元素:语法:*{}
    (2)并集选择器:语法:选择器1,选择器2{}
    (3)子选择器:筛选选择器1元素下的选择器2元素。语法:选择器1 选择器2{}在这里插入图片描述
    (4)父选择器:筛选选择器2的父元素选择器1。语法:选择器1>选择器2{}
    在这里插入图片描述
    (5)属性选择器:选择元素名称,属性名=属性值元素。语法:元素名称[属性名=“属性值”]{}在这里插入图片描述
    (6)伪类选择器:选择一些元素具有的状态。语法:元素:状态{}
    例如:的状态
    - link:初始化的状态。
    - visited:被访问过的状态。
    - active:正在访问的状态
    - hover:鼠标悬浮状态
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值