首页 >

css选择器优先级初探,css几种选择器的使用 – CSS – 前端,很好的网易css框架nec

css级别,css html 打印,css页面加载效果,css如何设置行内间隔,css 控制只能输入数字,怎么把css的空行删除,很好的网易css框架neccss选择器优先级初探,css几种选择器的使用 - CSS - 前端,很好的网易css框架nec

基本使用:

.类选择器{

属性名: 属性值;

…}

2.id选择器

基本使用:

#id选择器{

属性名: 属性值;

}

3. html元素选择器

某个html元素{

属性名: 属性值;

}

4.通配符选择器

该选择器可以用到所有的html元素,但是其优先权最低

*{

属性名: 属性值;

}

css级别,css html 打印,css页面加载效果,css如何设置行内间隔,css 控制只能输入数字,怎么把css的空行删除,很好的网易css框架neccss选择器优先级初探,css几种选择器的使用

@ 怎样区分后代选择器和子代选择器?

1.第一从符号上来区分后代选择器:是用空格来分隔开来 例如<h1>一个<span>人</span>的战争</h1> 就是h1 span{}子代选择器:用特殊符号> 例如 h1>span{}

2.第二从用法上区分后代选择器html部分:<ul class=”study”> <li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li> </ul> </li> <li>数学 <ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li> </ul> </li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙,后代是一代传一代。

子代选择器时效果图:

后代选择器时效果图:

@ important?

本来不想回答的,但是偶发现楼上回答有问题,会让人误解,偶更正一下 !important 表示高优先级。

IE6浏览器不认识 !important 。举例: 正常情况下,写在下面的样式优先级高于上面的样式 demo1{ color:red; color:green; /*绿色的优先级高于红色,所有浏览器都会显示绿色*/ } 加了!important 那么它的优先级会比较高,ie6比较傻,不认识。demo2{ color:red !important; /*除了ie6,其他浏览器会认为红色优先级高,显示红色字体*/ color:green; /*ie6浏览器则顺序读取css所以显示绿色*/ } 但是注意,IE6不认识!important的优先级,但并不代表IE6不认识带!important的样式属性。demo3{ color:red; color:green !important; /*包括IE6,所有浏览器都显示绿色字体,ie6只是不认识优先级罢了*/ }

@ css如何设置两个类名?

css设置两个类名很简单,需要两个步骤:

一,样式表css定义两个类如下:

.FontRed{color:red;}

.FontSize{font-size:250%}

二,body内引用

<p class="FontRed FontSize">偶是红色变大的字体</p>

class类的使用:

选择符.类别名 {属性:值}

类别名将可以在HTML的标识符里引用:

<标识符 class=类别名>网页内容

类的特性继承、多态、重载、封装,所以使用时要考虑优先级!


css选择器优先级初探,css几种选择器的使用 - CSS - 前端,很好的网易css框架nec
  • 深入解析css 选择器,css调试工具 - CSS - 前端,css3 after添加图片
  • 深入解析css 选择器,css调试工具 - CSS - 前端,css3 after添加图片 | 深入解析css 选择器,css调试工具 - CSS - 前端,css3 after添加图片 ...

    css选择器优先级初探,css几种选择器的使用 - CSS - 前端,很好的网易css框架nec
  • 公务员考试如何选择自己想考什么职位 - CSS - 前端,css渡一教程视频
  • 公务员考试如何选择自己想考什么职位 - CSS - 前端,css渡一教程视频 | 公务员考试如何选择自己想考什么职位 - CSS - 前端,css渡一教程视频 ...

    css选择器优先级初探,css几种选择器的使用 - CSS - 前端,很好的网易css框架nec
  • 辐射的测量单位uSv - CSS - 前端,h5写css3动画
  • 辐射的测量单位uSv - CSS - 前端,h5写css3动画 | 辐射的测量单位uSv - CSS - 前端,h5写css3动画 ...