工地施工狗的转行之路Day10

选择器

类选择器

.bigsize{
            font-size:25px;
}

.stress{
           color:red;
}

<span class="bigsize stress">文字</span>

ID选择器

#bigsizeid{
              font-size:25px;
}

<span id="bigsizeid">文字</span>

子代、后代选择器


通用选择器(设置所有标签元素)

*{color:red;}


伪类选择器(为不存在的标签设置样式)

a:hover{color:red;}

p{color:red;}/*权值为1*/
p span{color:green;}/*权值为1+1=2*/
.warning{color:white;}/*权值为10*/
p span.warning{color:purple;}/*权值为1+1+10=12*/
#footer .note p{color:yellow;}/*权值为100+10+1=111*/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,214评论 0 40
  • 第6章 开始学习CSS,为网页添加样式 1、认识CSS样式CSS全称为“层叠样式表 (Cascading Styl...
    夏沫xx阅读 1,071评论 1 11
  • 一、什么是选择器? 每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}在{}之前的部分就是“选...
    空指针的空阅读 538评论 0 2
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,101评论 0 1
  • 小侄女暑假来玩,举家欢腾。忍不住和妹妹谈起侄女小时候的趣事。 那时候的侄女呆傻萌,天生的话痨,她可以一直不停的跟你...
    我就叫秋男阅读 450评论 0 2