css常见面试题

1.CSS选择器有哪些?

  • id选择器(#id)
  • 类选择器(.classname)
  • 标签选择器(div,p,span)
  • 后代选择器(div p 表示选择div元素下的后代元素p) 
  • 子代选择器(div > p  表示选择div元素下的子代元素p)
  • 兄弟选择器

语法:former_element ~ target_element { style properties }

说明: 兄弟选择符,位置无须紧邻,只须同层级,A~B 选择A元素之后所有同层级B元素

例子:

p ~ span {
	color: red;
}

该选择器作用于p元素之后所有同层级的span元素: 

<span>This is not red.</span>
<p>Here is a paragraph.</p>
<code>Here is some code.</code>
<span>And here is a span.</span>

 效果如下:

  • 相邻兄弟选择器(li + li )
  • 属性选择器(a[href="xxx"], [attribute*=value])
  • 伪类选择器(:link, :visited, :hover, :active等)
  • 伪元素选择器(::first-letter、::first-line、::before、::after)
  • 通配符选择器(*)

2.CSS中哪些属性可以继承?

  • 可继承的样式: font-size font-family color, text-indent;

  • 不可继承的样式:border padding margin width height ;

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页