css类选择器

本文介绍了CSS中基本的选择器用法,包括类选择器(.class1)、并列选择器(,)、ID选择器(#frank)以及伪类如`:first-child`,`:active`和`:hover`。在HTML中,空格表示并列关系,类名可以并置表示多个类的组合。理解这些选择器对于精准控制网页元素的样式至关重要。
摘要由CSDN通过智能技术生成

基本css类选择

body .class1.class2 div,p{
    background: red;
}//其中空格表示进入 这个元素body内部  
//.class1 表示class=class1的所有元素  
//两个点.class1.class2表示两个类别要同时具有
// ,表示并列  p和div标签
//如果是body.class1表示具有class1的body标签

#frank{
 background: black;
}//表示id为frank属性的标签的样式

总之css中

空格表示进入下一层级,

a.class1 表示类别为class1的的a标签,a省略代表所有标签,可以省略表示属性的追加,要同时拥有几个属性。

逗号表示并列,优先级很低!注意 body .sec1.sec2 div,p 表示的是body .sec1.sec2 div和所有的p,前边的修饰对p没用。

对于id属性,使用#表示,比如id="frank", css语法为#frank{//balabal}

peseudo伪类

li:first-child{
//第一个li标签的样式
}

a:active{
//链接激活后的样式
}

a:hover{
//鼠标移入链接后的样式
}



​

而在html中,

空格表示并列关系,<div class="class1 class2"> 表示属于两个类别class1和class2

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值