CCS选择器基础
上周学习了HTML和css的一些基础，今天来夯实一下基础
选择器有：
1、标签选择器 ：就是HTML 中的标签 如<p> <h1> <body>等
2、类选择器： 用 class="类选择器名称" 为标签设置一个类 ，以英文原点开头，语法：
.类选择器名称{css样式代码}
3、ID选择器：用 id="ID选择器名称"为标签设置一个类，以（#）号开头.（ID选择器只能在文档中使用一次）
4、通用选择器：它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如：
*{ color:red;}
5、子代选择器：用（>）符号，用于指定标签元素的第一代子元素。如：
section>span{color:red;}
6、后代选择器：加入空格 ，用于选择指定标签下的后辈元素。
.parent .son{color:red;}
7、伪类选择器：用于给HTML不存在的标签（标签的某种状态）设置样式，如
a:hover{color:red;}
8、分组选择符：想为多个标签设置相同的样式，用分组选择符（，）。如
h1，p{color:red;}
选择器权值：
哪种选择器权值高就使用哪种css的样式，权值规则：
标签的权值为0001，类选择符的权值为0010，ID选择符的权值最高为0100。
当有权值相同的样式存在，根据前后顺序决定样式，处于最后面的CSS样式会被应用
所以优先级：内联样式表（标签内部）>嵌入样式表（当前文档中）>外部样式表（外部文件中）
为某些样式设置最高权值，用!important。如：
p{color:red !important;} !important写在分号前。
CCS选择器基础的更多相关文章
- jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法
jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq ...
- css以及选择器基础
CSS样式基础了解1.css基础语法CSS样式的出现是为了将内容和表现分离极大的提高了工作效率内联样式(在 HTML 元素内部)<p style="margin-left: 10px: ...
- css 选择器基础
有时在看别人代码时,看到一长串的选择器经常有点懵,今天来夯实一下基础 选择器有: 1.标签选择器 :就是HTML 中的标签 如<p> <h1> <body>等 2. ...
- jQuery（三）之 选择器(基础版)
对于jQuery的调用,我们一般都会传入参数 html: <div></div> js: console.log($('<a />')); console.log( ...
- jq选择器基础
Jquery $代表选择器 使用jq必须要导入jq文件 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js&qu ...
- TMS320F28335项目开发记录5_28335之CCS编程基础
CCS开发环境已经为我们封装好了很多片内外设寄存器的结构体,我们仅仅须要包括对应的官方的头文件就能够使用了,那么它的内部详细是怎样实现的呢? 以下来一个典型的样例: 1.使用结构体和联合体 A.用st ...
- jquery选择器基础知识
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("di ...
- CCS入门基础
1.CSS概念 全称为Cascading Style Sheets(层叠样式表),支持专有的文件 - 扩展名为".css" 作用:将HTML的结构(HTML标签即html)与样 ...
- jquery选择器基础知识（复制w3c）
jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") ...
随机推荐
- Express中404页面
404页面是各大网站都需要的. 在做express项目时,应当注意,404页面在app.js中的判断是在最后的,使用这个中间件时,不需要next(),因为它是最后一个了. 它之前一般是router. ...
- eclipse maven程序包org.junit不存在
今天使用maven打包项目的时候出现下面的错误,提示org.junit不存在. 错误信息内容如下: [ERROR] /Users/aven/Documents/workspace/share/src/ ...
- 创建weblogic受管理服务器和安全文件
启动 admin server Oracle/Middleware/user_projects/domains/base_domain/bin> startWebLogic.sh 1创建受管服务 ...
- Windows窗体应用开发2--窗体和控件
1.Windows窗体应用程序的各种组件 2.windows窗体控件的主要类别和功能 3.Windows窗体应用程序处理事件的方法 4.添加并配置Windows窗体和控件 5.创建时间处理程序并监视程 ...
- GPU学习随笔
NVML NVAPI GDK GDK包含NVML NVAPI库不能提供获取GPU使用率的接口 NVML能提供但不支持geforce系列 NVAPI.dll NVAPI64.dll动态加载可以查 ...
- 浏览器警告：provisional headers are shown
做项目的时候遇到一个问题 后台JAVA,每次发送的都有一次拦截,去转发到登录页面的url 有一个请求是https的,被拦截后显示发生了错误,浏览器警告:provisional headers are ...
- 移动端absolute元素居中
<div class="db"> <div class="dm"></div> </div> .db{ widt ...
- RabbitMQ双向发送（接收端有返回RPC模式）
remote procedure call 服务端 import pika import time connection = pika.BlockingConnection(pika.Connecti ...
- System.Data.SqlClient.SqlException: 从 datetime2 数据类型到 datetime 数据类型的转换产生一个超出范围的值
System.Data.SqlClient.SqlException: 从 datetime2 数据类型到 datetime 数据类型的转换产生一个超出范围的值.解决办法是: 而这位大哥提出的解决办法 ...
- [bootstrap]模态框总结
<!--data-backdrop禁止点击空白处关闭模态框,也可以js设置,其他参数可参考官网模态框文档--> <div class="modal fade" i ...