1、 css限定選擇器,使用css3的屬性選擇器設置搜索?
通過設置搜索框的width屬性和heoght屬性來設置搜索框的大小。
2、 css規則定義有哪些選擇符?
css選擇符(選擇器)有以下這些:
1、通配選擇符( * ):匹配任意元素。
2、id選擇符( # myid):匹配 ID 等于“myid”的任意元素 。
3、類選擇符(.myclassname):匹配 class 等于“myclassname”的任意元素.
4、標簽選擇符(div, h1, p):選擇指定元素名稱的所有元素。
5、相鄰選擇符(E + F):用于選擇(不是內部)指定的第一個元素之后緊跟的元素。
6、子選擇符(E > F):用于選取帶有特定父元素的元素,例ul > li,選擇所有父級是 <ul> 元素的每個 <li> 元素。(學習視頻分享:css視頻教程)
7、后代選擇符(E F):用于選取元素內部的元素。
8、偽類和偽元素選擇符:用于向某些選擇器添加特殊的效果。
3、 not選擇器不支持復雜選擇?
盡管css的選擇器很強大了,但是考慮其兼容性,盡可能的少用,比如我們在做一個前端頁面的切圖的時候,會看情況:
如果是h5手機網站,推薦用css選擇器
如果是pc網站,適當用css選擇器
如果是pc網站,并且是政府、學校等機關單位,杜絕用css選擇器
4、 css選擇器中后代選擇器與子選擇器的區別?
css后代選擇器和子選擇器的區別介紹:
1 css后代選擇器語法:h1 em {color:red;} 表示的是從h1開始里面包含的所有的em元素變成紅色,h1為祖先,其他的em都是后代,即選中后代,不管是兒子還是孫子,只要是都會被選中,為后代選擇器。2、css子元素選擇器語法:h1>em{color:red;} 表示的是從h1開始里面的第一層em元素變成紅色,h1為祖先,em為兒子,就像世襲制一樣,只能傳給兒子,孫子和其他堂親都不行