css级联与继承

news/2023/12/9 14:48:27

级联

级联(The cascade),CSS是Cascading Style Sheet 的简写,说明级联是非常重要的。从表层来看,级联表明CSS规则的顺序问题,但是级联远比这个复杂,在所有的选择器中某个选择器定义的规则是否能够胜出(即优先级)取决于三个元素:Importance,Specificity,Source order
①.!important声明(Importance)

在css规则的值末尾添加"!important"能够保证该规则优先其他规则。但是一般建议不使用"!important",因为它会改变级联的工作方式,使得调试变得困难。

例如:

`<style>
    #winning {background-color: red; border: 1px solid black;}
    .better {     background-color: gray; border: none !important;}
</style>
<p class="better">This is a paragraph.</p>        
<p class="better" id="winning">One selector to rule them all!</p>`

②.特性值 (Specificity)
通过4个特性值来量化一个选择器

  • Thousands

声明在元素的style属性中。特性值记为1000

  • Hundreds

包含在一个选择器中的所有ID选择器

  • Tens

包含在一个选择器中的所有类选择器,属性选择器,伪类选择器

  • Ones

包含在一个选择器中的所有元素选择器,伪元素选择器
③.代码顺序 (Source order)

如果多个竞争选择器具有相同的重要性和特性值,代码顺序就发挥作用了,后来规则优先前面规则。 

继承(Inheritance)

CSS中有些规则将会默认被子元素继承,有些则不会。比如font系列属性,文本系列属性、列表系列属性,cursor
CSS提供了三个特殊的值用来处理继承
1) inherit 继承父元素的样式
2) initial 不继承。应用浏览器的默认样式
3) unset 不设定,表现该规则本来特性,即如果该规则具有继承属性则继承,否则不继承。


http://www.niftyadmin.cn/n/4606844.html

相关文章

Python实现矩阵

因为毕设经常要用到矩阵这样的数据结构&#xff0c;所以简单介绍下我知道创建矩阵的方式&#xff1a; &#xff08;1&#xff09;用链表结合append来创建&#xff0c;通俗的说就是链表里面放链表就构成了矩阵。 举例&#xff1a; list1 [1&#xff0c;2 ] list2 [3&#xff…

Android proguard 详解(二)

像 Android 开发基于 java 语言的&#xff0c;很容易被别人反编译出来&#xff0c;一下就相当于裸奔了&#xff0c;特别是用于商业用途的时候&#xff0c;防止反编译是必要的措施。而代码混淆是一种很好防止反编译的方式。 1、APK 的代码混淆。 在 eclipse 的开发环境下&…

Android proguard 详解(三)

网上虽然有很多相关博客&#xff0c;不过貌似都不是最新版的。。于是百度谷歌github上的开源demo&#xff0c;终于成功的配置了android proguard。 最新版的android sdk的默认配置已经可以满足我们的大多数要求了&#xff0c;我们只需要按照sdk的提示就可以配置大部分的必须配置…

Android APK反编译就这么简单 详解(附图) .

转载于&#xff1a;http://blog.csdn.net/vipzjyno1/article/details/21039349 在学习Android开发的过程你&#xff0c;你往往会去借鉴别人的应用是怎么开发的&#xff0c;那些漂亮的动画和精致的布局可能会让你爱不释手&#xff0c;作为一个开发者&#xff0c;你可能会很想知道…

别人的App

&#xfeff;&#xfeff;电商源码&#xff1a; http://crossapp.9miao.com/downloaddetail_1039.html

9个完整的开源项目

&#xfeff;&#xfeff;android开源项目有很多&#xff0c;但是完整的app项目不多&#xff0c;下面是最近我从 jcodecraeer网站 整理的一些开源app项目&#xff1a; 注&#xff1a; jcodecraeer网站上搜集了很多开源项目&#xff0c;更新很快&#xff0c;非常值得关注。 一、…

Android 打造编译时注解解析框架 这只是一个开始

&#xfeff;&#xfeff;转载请标明出处&#xff1a; http://blog.csdn.net/lmj623565791/article/details/43452969 &#xff0c;本文出自&#xff1a; 【张鸿洋的博客】1、概述 记得很久以前&#xff0c;写过几篇博客&#xff0c;容我列举一下&#xff1a; Android 进阶 教…

Android快速开发常用工具类

&#xfeff;&#xfeff;转载请标明出处&#xff1a;http://blog.csdn.net/lmj623565791/article/details/38965311&#xff0c;本文出自【张鸿洋的博客】 打开大家手上的项目&#xff0c;基本都会有一大批的辅助类&#xff0c;今天特此整理出10个基本每个项目中都会使用的工…

Android Annotations开源框架简介(一)

&#xfeff;&#xfeff;AndroidAnnotations是一个开源框架&#xff0c;旨在加快Android开发的效率。通过使用它开放出来的注解api&#xff0c;你几乎可以使用在任何地方&#xff0c; 大大的减少了无关痛痒的代码量&#xff0c;让开发者能够抽身其外&#xff0c;有足够的时间精…

Android Studio网盘下载

开发工具 Android Studio 1.3 网盘下载 Windows Mac OSX Linux Android SDK镜像服务器 中国科学院开源协会镜像站地址: IPV4/IPV6: http://mirrors.opencas.cn 端口&#xff1a;80 IPV4/IPV6: http://mirrors.opencas.org 端口&#xff1a;80 IPV4/IPV6: http://mirrors.ope…

Android studio 使用技巧--csdn博客

1&#xff09;http://blog.csdn.net/hyr83960944/article/details/40451101

MAC 下反编译 APK

最近群里有人问如何在mac下进行apk反编译&#xff0c;我也没试过&#xff0c;以前都是在windows下进行反编译的&#xff0c;windows下很简单&#xff0c;有许多比较好的集成工具&#xff0c;如apkide(改之理)&#xff0c;不过我猜mac下应该和windows下差不多&#xff0c;趁着嗑…

Linux下查找指定日期的文件

一、背景 Linux服务器的一个目录里&#xff0c;每天产生海量的文件。为了防止磁盘被写满。 决定每天删除部分老文件。OK&#xff0c;问题来了&#xff0c;如何过滤出指定日期的文件&#xff1f; 二、强大的Linux 一行代码搞定&#xff1a; ls --full-time /recordings/ | sed -…

repo命令详解

Android 为企业提供一个新的市场&#xff0c;无论大企业&#xff0c;小企业都是处于同一个起跑线上。研究 Android 尤其是 Android 系统核心或者是驱动的开发&#xff0c;首先需要做的就是本地克隆建立一套 Android 版本库管理机制。 Android 使用 Git 作为代码管理工具&#x…

前端优化系列 - 初始化的性能影响分析

摘要&#xff1a;前言 数据表明&#xff0c;即使在资源有缓存的情况下&#xff0c;页面首次访问的耗时也是非首次访问的两倍。 为什么首次访问这么耗时呢&#xff0c;时间去哪里了&#xff1f;本文详细分析页面首次访问耗时的原因。 常见的初始化 我们先看看打开一个页面&#…

Android Studio开发篇版本管理Git

创建项目在前一篇讲了&#xff0c;这里就讲一下怎么把创建的新项目关联到远程仓库呢。 在as的菜单栏找到VCS/Import into Verson Control/Create Git Repository 弹出的对话框默认会选中当前项目目录&#xff0c;点击OK就会在项目根目录创建一个git本地仓库。 这里选择gitosc作…
最新文章