CSS选择器有哪些?哪些属性可以继承?

CSS选择器有哪些?

选择符类型    例子    例子描述
通用选择器    *    
类别选择器(.class)    .intro    选择class=”intro”的所有元素
ID选择器(#id)    #first    选择id=”first”的所有元素
标签选择器(element)    div    选择所有<div>标签
后代选择器(element element)    div p    选择<div>元素内部的所有<p>元素
子选择器(element>element)    div>p    选择父元素为<div>的所有<p>元素
群组选择器(element,element)    div,p    选择所有<div>和<p>元素
相邻同胞选择器(element+element)    div+p    选择紧接在<div>之后的所有<p>元素
伪类选择器(:link :visited :active :hover :focus :first-child)    a:link a:visited a:active a:hover input:focus p:first-child    (选择所有未被访问的或所有已被访问的或活动的链接)(选择鼠标指针位于其上链接)(选择获得的焦点的input 元素)
伪元素选择器(:first-letter :first-line :before :after :lang(language))    p:first-letter p:first-line p:before p:after p:lang(it)    选择每个 元素的首字母;选择每个 元素的首行;在每个 元素的内容之前插入内容;在每个 元素的内容之后插入内容;选择带有以 “it” 开头的 lang 属性值的每个 元素
属性选择器([attribute] [attribute=value] [attribute~=value] [attribute|=value] )    [target=_blank]    [attribute~=value]选择包含一个以空格分隔的词为value的所有元素;[attribute|=value]选择属性的值等于value,或值以 value- 开头的所有元素
CSS3新增选择器如下:

css3新增选择器类型    具体选择器    描述
层次选择器    p~ul    选择前面有p元素的每个ul元素
伪类选择器    :first-of-type :last-of-type :only-of-type :only-child :nth-child(n) :nth-last-of-type(n) :last-child :root :empty :target :enabled :disabled :checked :not(selector)    
属性选择器    [attribute*=value] [attribute^=value] [attribute$=value]    选择属性中包含value值的属性,[attribute~=value] 是指包含value整个单词、选择属性以value开头的所有元素、选择属性以value结束的所有元素
CSS哪些属性可以继承? 
css继承特性主要是指文本方面的继承,盒模型相关的属性基本没有继承特性。 
不可继承的: 
display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、top、bottom、left、right、z-index、float、clear、 table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。 
所有元素可继承的: 
visibility和cursor 
终极块级元素可继承的: 
text-indent和text-align 
内联元素可继承的: 
letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction 
列表元素可继承的: 
list-style、list-style-type、list-style-position、list-style-image

  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值