亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

css3選擇器css3選擇器

標簽:
CSS3

1:属性选择器,
a[class^=column]{} 火车头开始的class名column匹配
a[href$=doc] {} 火车尾结尾的href名字为doc
a[title=box]{} title中只要有box就匹配
2:根选择器 :root ==html
3:结构性选择器 input:not([type="submit"]){} 和jquery一样,除了submit,其它都可以。
4:empty 选择没有内容的元素,一个空格都没有。
div:empty {
border: 1px solid green;
}
5:target 用法类似锚点,显示与隐藏。
<h2><a href="#brand">Brand</a></h2>
<div class="menuSection" id="brand">
content for Brand
</div>
.menuSection{
display: none;
}
:target{/
这里的:target就是指id="brand"的div对象*/
display:block;
}
6:nth-child(n) 里面的n是从1开始,但是(2n+1)表达式,n是从0开始的
7 :nth-last-child(n),和上面的一样,但是从最后开始的
8: nth-of-type(n)和上面的区别是定义一个具体的子元素
9 :last-of-type 选择最后一个,没有参数括号。
10 :nth-last-of-child(n)选择最后开始 。
11:only-child 父元素中只有唯一的那个子元素
12:only-of-type 子元素中唯一个

點擊查看更多內容
1人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
1
獲贊與收藏
91

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消