1、 實現css選擇器功能,怎樣區分后代選擇器和子代選擇器?
1.第一從符號上來區分后代選擇器:是用空格來分隔開來 例如<h1>一個<span>人</span>的戰爭</h1> 就是h1 span{}子代選擇器:用特殊符號> 例如 h1>span{}
2.第二從用法上區分后代選擇器html部分:<ul class="study"> <li>物理 <ul> <li>力學</li> <li>聲學</li> <li>電磁學</li> </ul> </li> <li>數學 <ul> <li>微積分</li> <li>概率論</li> <li>博弈論</li> </ul> </li> </ul> css部分//使用子代選擇器的效果.study >li{ border:1px solid red;/*只給物理和數學加一個紅色方框*/}//使用后代選擇器的效果.study li{ border:1px solid red;/*給物理 力學 聲學 電磁學 和數學 微積分 概率論博弈論都加一個紅色方框*/}這說明子代是他是單傳只給物理和數學就斷子絕孫,后代是一代傳一代。
子代選擇器時效果圖:
后代選擇器時效果圖:
2、 類選擇器和后代選擇器的概念?
類選擇器以(.)為前綴,后面為類名。在標簽中定義class屬性,然后設置屬性值為類名選擇器。
后代選擇器是一種多個用空格分隔的選擇器,別稱包含選擇器。
3、 css怎么添加框選工具?
1、在電腦端打開ps css軟件,然后選擇一張圖片放到PS中。
2、選擇選框工具,在上方的屬性欄中出現選擇并遮住的屬性進行設置。3、進入到摳圖屬性欄,視圖模式相當于圖層蒙版的顯示顏色,進行操作。
4、打開視圖主面板后,選擇模式選項,進行操作。
5、接著選擇圖層蒙版的顏色。
6、然后接下來就是調節,左側第一個是快速選擇工具,第二個是邊緣調整,使用快速選擇工具的添加減少功能來摳圖。
7、在蒙版上要顯示的內容區是白色,黑色是不要的區域,用畫筆在細微調整邊緣處即可。
4、 not選擇器不支持復雜選擇?
盡管css的選擇器很強大了,但是考慮其兼容性,盡可能的少用,比如我們在做一個前端頁面的切圖的時候,會看情況:
如果是h5手機網站,推薦用css選擇器
如果是pc網站,適當用css選擇器
如果是pc網站,并且是政府、學校等機關單位,杜絕用css選擇器