css子代选择器用法？

茫然知了 • 2023-09-23 15:00 • 生活指南 • 阅读 89

css有哪些种类的选择器

1、在css中，css的选择器有很多种，其中就包括标签选择器，id选择器，类选择器，继承选择器，伪类选择器，全局选择器等八种选择器，使用比较多也就是前几种选择器。

2、伪类选择器：通过元素的状态或位置来选取元素，例如：hover 表示鼠标悬停在元素上时的样式。伪元素选择器：可以选取元素中某些部分的样式，例如：after 表示在元素内容后添加一个伪元素。

3、标签选择器，也称为元素选择器。标签选择器的基本形式如下：tagName{property：value}，其中tagName是标签名称，property是css的属性。类选择器。

一：理解Dom模型首先我们看下面的代码。有名的公司一栏百度新浪阿里用这个代码我们很容易的画出dom树。

但是我觉得这句话确实有那么一点高达上的意思，虽然我不知道什么是哲学。

我们在CSS 中很多时候会用到浮动来布局。常见的有 float：left 或者 float：right 。

第一部分讲css样式的加载和层叠，第二部分讲选择器以及选择器的等级，第三部分讲呈现的各种样式（背景、字体、定位、浮动等）。这样一个思路，也正式浏览器使用css的流程，是最有效的学习思路。

first-child和：last-child 用来选择某个元素的第一个子元素。

first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。

only-child选择器，在元素只有一个子元素时，可以代替使用 nth-child(1)/nth-last-child(1) 。

first-child选择器用于选取属于其父元素的首个子元素的指定选择器。：first-child选择器用于选取属于其父元素的首个子元素的指定选择器。

first-child伪类可以选择父元素的第一个子元素；last-child伪类可以选择父元素的最后一悉镇个子元素；nth-child伪类可以选择父元素的第n个子元素等。这些伪类可以用于选取特定位置的元素，实现一些布局效果。

伪类选择器分为结构性、子元素、 UI、动态和其它伪类选择器备注：为了更好的区分伪类和伪元素，书写上CSS做了区分。

定义和用法：nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数。n 可以是数字、关键词或公式。

nth-child(n){}/*匹配第n个子元素，可以是表达式，也可以是系统自带属性，如odd，even*/a：nth-of-type(n){}/*同上，不同点在于匹配所有子元素，nth-of-type匹配某个特定子元素*/常用是这些伪类。

所以要好好真心当前时间 div css教程里面有大量详实的代码上面的代码可以将第二个li元素的字体颜色设置为绿色。：nth-child可以参阅CSS的伪类选择符E：nth-child(n)一章节。

1、方法一：我们给要选定操作的标签加一个标记class，随便一个能标识的标记都可以，比如name，id都行。

2、标签选择器就是按标签添加样式，直接输入标签，后加大括号即可。如下我们给div都加一个100px的宽高，10px的上外边距，背景颜色为粉色的样式。

3、使用CSS的子元素选择器与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素子元素的元素。

4、使用 * 可为所有元素设置样式。根据标签为元素设置样式同时设置多个元素组合类选择器是为一类状态声明样式规则，下面是把文本居中定义为类样式。将类选择器指定为具体标签。

在使用后代选择器的时候，要明确作用范围。不建议定义了某div下的元素样式后，然后发现还有例外的情况，又要反覆盖样式，如果这种情况出现时，说明该情况不适用于使用后台选择器去定义样式。

后代选择器：用空格隔开标签选择器：选择器的名字代表html页面上的标签标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”。

其中，CSS 后代选择器（descendant selector）又称为包含选择器，用于选择作为某元素后代的元素。

标签选择器就是按标签添加样式，直接输入标签，后加大括号即可。如下我们给div都加一个100px的宽高，10px的上外边距，背景颜色为粉色的样式。

以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！

版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。