CSS选择器介绍

由于这次项目突破性的选择了做前台,所以开始学习CSS

选择器的几种格式:

 

1 派生选择器  

              (1)body p{background-color:red}body中所有的p标签都会满足这一属性,即使嵌套多层依旧满足这个条件

              (2)body > p {background-color:red}这样只有body中第一层p标签会被赋予这个属性 可以和第一种方法结合起来用

 

2 id选择器  

              (1) #tag{background-color:red;}将id位tag的属性设置为CSS样式

              (2)与派生选择器结合 #tag p{background-color:red}

 

3类选择器

              (1)格式:.center{text-align:center;}

              (2)也可以与派生选择器结合,.center p {...}

              (3)*.someClass和.class是效果一样的  所以可以指定class类中某个特定元素的属性 比如 p.class{....}

              (4)可以进行多类选择,比如<p class ="class1 class2">    .class1.class2{}//这是声明两个类共同属性的方法

 

4属性选择器   

              (1)基本格式 [title]{background-color:red}包含title属性的会应用样式

              (2)扩展属性 [title = uni]{.....}  指定特定的属性

                          [title ~= uni]{...}   属性中用空格隔开包含uni属性的会应用该样式

                          [title = uni]        指定用-连接

              (3)标签[指定某种属性]  input[type = text]{}  //指定文本框的属性 

                                     *[title]等价于[title]

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值