【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

CSS的四种基本选择器和四种高级选择器

放大字体  缩小字体 发布日期:2020-06-25 11:41:09    浏览次数:5
导读

  标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。  再比如说,我想让“学完了安卓,继续学前端哟”这句话中的“前端”两个变为红色字体,那么我可以用span标签把“前端”这两个字围起来,然后给span标签加一个标签选择器。  (1)所有的标签,都可以是选择器

  标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。

  再比如说,我想让“学完了安卓,继续学前端哟”这句话中的“前端”两个变为红色字体,那么我可以用span标签把“前端”这两个字围起来,然后给span标签加一个标签选择器。

  (1)所有的标签,都可以是选择器。比如ul、li、label、dt、dl、input、div等。

  现在,假设选择器冲突了,比如id选择器说这个文字是红色的,标签选择器说这个文字是绿色的。那么听谁的?

  (1)不要去试图用一个类名,把某个标签的所有样式写完。这个标签要多携带几个类,共同完成这个标签的样式。

  原因:id是js用的。也就是说,js要通过id属性得到标签,所以css层面尽量不用id,要不然js就很别扭。另一层面,我们会认为一个有id的元素,有动态效果。

  这种格式,表示所有属于E元素后代的F元素,有这个样式。空格就表示后代。后代选择器,就是一种平衡:共性、特性的平衡。当要把某一个部分的所有的什么,进行样式改变,就要想到后代选择器。

  表示.div1的后代所有的p。这里强调一下:这两个标签不一定是连续紧挨着的,只要保持一个后代的关联即可。也就是说,选择的是后代,不一定是儿子。

  标签中的b标签中的i标签的样式。同理:h3和b和i标签不一定是连续紧挨着的,只要保持一个后代的关联即可。

  标签和i标签并不是紧挨着的,但他们保持着一种后代关系。还有下面这种写法:(含类选择器、id选择器都是可以的)

  div div p,也能使文字的颜色变红。通过浏览器的审查元素,我们可以看到 p元素的祖先列表:

  (交集选择器)和有空格的div .red(后代选择器)不是一个意思。交集选择器可以连续交:(一般不要这么写)

  (层叠样式表)编辑层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

  能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式......

  每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。”今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈)既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推......

 
关键词: css选择器有哪些
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-319134.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4