1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > css复合选择器和子元素使用频率 css选择器的分类不包括什么 – CSS – 前端 flex css

css复合选择器和子元素使用频率 css选择器的分类不包括什么 – CSS – 前端 flex css

时间:2018-07-06 15:40:22

相关推荐

css复合选择器和子元素使用频率 css选择器的分类不包括什么 – CSS – 前端 flex css

css的选择器包括类选择器、标签选择器、ID选择器、伪类选择器等等。

类选择器,比如class类型 class = "nav"的话,那么css对应.nav{};

标签选择器,比如body input 就是直接对应 body{} input{};

ID选择器,比如,那么css对应 #name{};

伪类、伪对象:如a:link,a:hover,a:visited等。

@ web前端开发需要学什么?

刚入门的同学,应该把重点放在 CSS和HTML基础知识的学习上。关于 CSS(3) 你需要了解以下一些知识点:web标准、HTML相关概念、HTML标签、路径相关概念、锚点及其他、表格标签、表单标签、综合案例,注册页面、CSS选择、CSS字体样、CSS外观属性、调式、CSS复合选择器、标签显示模式、CSS背景、CSS三大特性等等。总的来讲,CSS和HTML的学习还是比较简单的。关注优就业,学习更多IT知识。

@ 是什么选择器?

head img 选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。

CSS的选择器分为两大类:基本选择题和扩展选择器。

基本选择器:

标签选择器:针对一类标签

ID选择器:针对某一个特定的标签使用

类选择器:针对你想要的所有标签使用

通用选择器(通配符):针对所有的标签都适用(不建议使用)

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

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;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙,后代是一代传一代。

子代选择器时效果图:

后代选择器时效果图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。