class选择器第一个_CSS选择器介绍

本文详细介绍了CSS中的class选择器,包括与其他选择器的区别,以及如何使用class选择器配合各种伪类选择器实现精确的元素样式控制。内容涵盖:class、id、标签选择器,相邻、子元素、属性选择器,以及A标签的伪类选择器如`:hover`、`:active`等。
摘要由CSDN通过智能技术生成

前言

css选择器非常之多,常见的如class选择器,id选择器,标签选择器等等。每个的用法都有所区别,虽然很多都能到达同样的效果,但还是有一些更优的选择。

class、id、标签选择器

这个几个就不细说了,class和标签选择器主要用来设置样式上面,id选择器推荐不要用在css样式上,更多是用在js操作dom时,选择元素。
如:

div{
	background: #fff;}.list {
	color: red;}

$('#li').html('<span>web秀</span>')

element element

div p 选择 <div> 元素内部的所有 <p> 元素。

39907ff1b9a6e0c432092998c8e7d30a.png

element>element

div>p 选择父元素为 <div> 元素的所有 <p> 元素。

6eee742b8c12ec3585a40bb84fde3abd.png

element+element

div+p 选择紧接在 <div> 元素之后的所有 <p> 元素。

d2fe0a101758b3b98e00665e145fa501.png

[attribute]

[target] 选择带有 target 属性所有元素。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值