前端CSS高频面试题---一、CSS选择器、优先级、继承属性

时间：2023-04-02 12:23:52 HTML

1.选择器CSS选择器是CSS规则的第一部分。它是元素和其他部分的组合，告诉浏览器应该选择哪个HTML元素作为应用规则中的CSS属性值。选择器选择的元素称为“选择器对象”我们从一个HTML结构开始

关于CSS属性选择器常用的有：id选择器（#box），选择id为box的元素类选择器（.one），选择所有类名为one的元素标签选择器（div），全选标签为div选择器(#boxdiv)的元素后代选择器，选择id在box元素内的所有div元素子选择器(.one>one_1)，选择父元素为.one(.one+.)的.one_1的所有相邻兄弟选择器。two),选择紧跟在.one之后的所有.two元素组选择器(div,p),选择div,p的所有元素和一些相对使用频率较低的选择器:伪类选择器:link:选择没有被选中的链接visited:visited:选择已经访问过的链接:active:选择活动链接:hover:鼠标指针悬浮的元素:focus:选择有焦点的那个:first-child:父元素的第一个子元素Pseudo元素选择器：::first-letter：用于给文本的第一个字母添加特殊的样式::first-line：用于为文本的第一行添加特殊的样式::before：可以用来在前面插入一些内容contentoftheelement::after:可用于在元素content::selection伪元素匹配用户选择的元素部分后插入一些内容。属性选择器[attribute]选择具有属性attribute的元素[attribute=value]选择所有使用attribu的元素elementswithte=value[attribute~=value]选取attribute属性包含value的元素[attribute|=value]:选取attribute属性以value2开头的元素priority!important>inline>IDselector>classselector>Forspecificlabel选择器，请参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity3.继承属性在css中，继承是指为父元素设置一些属性，后代元素会自动拥有这些属性。关于继承属性，可以分为：字体族属性font：组合字体font-family：指定元素的字体族font-weight：设置字体的粗细font-size：设置字体的大小font-style:定义字体样式font-variant:大字体或小字体文本系列属性text-indent:文本缩进text-align:文本级别line-height:行高word-spacing:增加或减少单词之间的间距letter-spacing:增加或减小字符间距text-transform:控制文本大小写方向:指定文本的书写方向相邻单元格边框之间的距离empty-cells：单元格边框的出现和消失-style-position：小圆点位置list-style：以上属性可以通过该属性集合引用quotes：设置引用类型nestedquotesCursor属性cursor:箭头可以变成需要的形状继承中的一些特殊点：a标签的字体颜色不能被继承。h1-h6标签字体的大小也是不可继承的。显示文字属性：vertical-align、text-decoration盒子模型属性：宽度、高度、内外边距、边框等背景属性：背景图片、颜色、位置等定位属性：float、clearfloat、定位位置等生成的内容属性：content、counter-reset、counter-increment轮廓样式属性：outline-style、outline-width、outline-color、outline页面样式属性：size、page-break-before、page-break-after

上一篇：JavaScriptDOM节点介绍

下一篇：前端HTML-CSS-JS知识点

前端CSS高频面试题---一、CSS选择器、优先级、继承属性相关文章