cssSelector定位，屬于CSS高級(jí)等位，它的定位方式，利用選擇器進(jìn)行的。在CSS 中，選擇器是一種模式，用于選擇需要添加樣式的對(duì)象。“CSS” 列指示該屬性是在哪個(gè)CSS 版本中定義的。(CSS1、CSS2 還是CSS3。);
下面羅列了一部分的CSS定位方式。看到這么多是否覺(jué)得CSS不再簡(jiǎn)單，其實(shí)不然常用的幾種方式作者已標(biāo)記，CSS定位是平常使用過(guò)程中非常重要的一種方式。它與Xpath定位有諸多類似的地方，但是無(wú)論從性能還是語(yǔ)法上來(lái)說(shuō)CSS都是比較有優(yōu)勢(shì)的。
1、一般情況下定位速度要比XPATH快
2、語(yǔ)法比Xpath要簡(jiǎn)潔
可以用css3中新增的選擇器“[attribute=value]”來(lái)同時(shí)選中指定的屬性的標(biāo)簽。
1、新建html文檔，添加5個(gè)input標(biāo)簽，其中第一個(gè)和最后一個(gè)“type”屬性的屬性值為“text”：
2、在head標(biāo)簽和body標(biāo)簽之間添加style標(biāo)簽，添加代碼“input[type=text]”，“input”指的是標(biāo)簽名，“type”指的是屬性名，“text”指的是屬性值，這個(gè)就會(huì)把所有屬性名為“type”、屬性值為“text”的input標(biāo)簽選中：
3、為被選擇的標(biāo)簽設(shè)置背景色為紅色，這時(shí)屬性值為“text”的第一個(gè)標(biāo)簽和最后一個(gè)標(biāo)簽背景色都變成了紅色：
css后代選擇器和子選擇器的區(qū)別介紹：
1 css后代選擇器語(yǔ)法：h1 em {color:red;} 表示的是從h1開始里面包含的所有的em元素變成紅色，h1為祖先，其他的em都是后代，即選中后代，不管是兒子還是孫子，只要是都會(huì)被選中，為后代選擇器。2、css子元素選擇器語(yǔ)法：h1>em{color:red;} 表示的是從h1開始里面的第一層em元素變成紅色，h1為祖先，em為兒子，就像世襲制一樣，只能傳給兒子，孫子和其他堂親都不行
1.HTML5+CSS3
掌握HTML基本語(yǔ)法; 掌握HTML常用標(biāo)簽及屬性; 掌握HTML語(yǔ)義化
掌握CSS語(yǔ)法及使用技巧; 掌握DIV+CSS布局方法; 掌握瀏覽器常見(jiàn)兼容性解決方案
掌握PS基礎(chǔ)知識(shí)、切圖及插件切圖; 掌握瀏覽器調(diào)試工具的使用方法; 掌握網(wǎng)站重構(gòu)開發(fā)基本流程和規(guī)范; 掌握語(yǔ)義化、模塊化、兼容性的PC端網(wǎng)站重構(gòu)
掌握HTML5新增的結(jié)構(gòu)化標(biāo)簽; 掌握HTML5瀏覽器兼容方式
掌握CSS3新增的選擇器; 掌握CSS3新增的樣式屬性; 掌握彈性盒布局方法及技巧; 掌握Animate動(dòng)畫庫(kù)使用方法
掌握Less的使用方式; 掌握Less的常用語(yǔ)法
掌握移動(dòng)端屏幕適配的解決方案; 掌握設(shè)備系統(tǒng)不同的解決方案; 掌握移動(dòng)端重構(gòu)常見(jiàn)的兼容問(wèn)題解決方案
掌握響應(yīng)式布局適用場(chǎng)景; 掌握實(shí)現(xiàn)響應(yīng)式布局的解決方案
2. JS交互設(shè)計(jì)
掌握J(rèn)avaScript的基本語(yǔ)法； 掌握J(rèn)avaScript內(nèi)置對(duì)象； 掌握J(rèn)avaScript常見(jiàn)算法； 掌握J(rèn)avaScript函數(shù)應(yīng)用
掌握DOM的各種操作； 掌握BOM的各種操作
掌握J(rèn)avaScript事件的對(duì)象； 能夠熟練使用正則表達(dá)式進(jìn)行表單驗(yàn)證； 掌握閉包的應(yīng)用場(chǎng)景及優(yōu)缺點(diǎn)； 掌握AJAX的實(shí)現(xiàn)原理及封裝
熟練使用面向?qū)ο笏枷脒M(jìn)行編程
掌握項(xiàng)目的開發(fā)流程； 掌握音頻視頻常用API使用； 熟練使用WebAPIs編程
掌握Touch.js在移動(dòng)端的應(yīng)用
熟悉jQuery常見(jiàn)操作； 熟悉jQuery DOM操作； 掌握jQuery核心API
掌握Z(yǔ)epto的使用方法
3.Node
掌握ES6新特性； 掌握模板字符串用法； 掌握解構(gòu)賦值用法； 掌握箭頭函數(shù)用法； 掌握Promise、async...await用法； 掌握ES6 class用法
掌握Node特性； 掌握Node操作文件和目錄； 掌握Node搭建服務(wù)器； 掌握前后臺(tái)交互過(guò)程
掌握Express的用法； 掌握Express的路由配置； 掌握Express的內(nèi)置中間件使用； 掌握Express的常見(jiàn)第三方中間件使用； 掌握Express渲染視圖模板
掌握MySQL數(shù)據(jù)庫(kù)設(shè)計(jì)規(guī)范； 掌握MySQL之CURD操作指令； 掌握Node操作MySQL； 掌握MVC和MVP概念
掌握Webpack打包項(xiàng)目過(guò)程； 熟悉Gulp用法； 掌握ES6和commonjs模塊化用法
掌握WebSocket； 熟悉Koa2的用法
掌握接口設(shè)計(jì)規(guī)范； 掌握權(quán)限系統(tǒng)設(shè)計(jì)； 掌握token令牌設(shè)計(jì)； 掌握登錄攔截； 掌握項(xiàng)目部署
4.前端框架
掌握Vue基礎(chǔ)語(yǔ)法和指令； 掌握Vue計(jì)算屬性和監(jiān)聽的使用方法； 掌握Vue組件的定義和基本使用
掌握Vue組件通信的方法； 掌握Vue路由的使用； 掌握Vue路由守衛(wèi)的使用； 掌握Vue網(wǎng)絡(luò)請(qǐng)求Axios的使用； 熟悉Vuex狀態(tài)管理； 熟悉UI庫(kù)的使用
掌握Vue相關(guān)知識(shí)的綜合使用； 熟悉Vue項(xiàng)目的開發(fā)、部署流程； 熟悉Git版本控制軟件的使用； 熟悉數(shù)據(jù)可視化工具的使用" 掌握TypeScript基本類型的使用； 能熟練在Vue-cli3.0中使用TypeScript
掌握React的JSX語(yǔ)法使用； 掌握React事件綁定的方法； 掌握React組件的定義和通信； 掌握React路由及相關(guān)路由組件的使用方法； 掌握React網(wǎng)絡(luò)請(qǐng)求的使用方法； 熟悉React狀態(tài)管理Flux、Redux的原理和流程； 熟悉React項(xiàng)目?jī)?yōu)化、部署流程
5.小程序+數(shù)據(jù)可視化
掌握Vue基礎(chǔ)語(yǔ)法和指令； 掌握Vue計(jì)算屬性和監(jiān)聽的使用方法； 掌握Vue組件的定義和基本使用
掌握Vue組件通信的方法； 掌握Vue路由的使用； 掌握Vue路由守衛(wèi)的使用； 掌握Vue網(wǎng)絡(luò)請(qǐng)求Axios的使用； 熟悉Vuex狀態(tài)管理； 熟悉UI庫(kù)的使用
掌握Vue相關(guān)知識(shí)的綜合使用； 熟悉Vue項(xiàng)目的開發(fā)、部署流程； 熟悉Git版本控制軟件的使用； 熟悉數(shù)據(jù)可視化工具的使用
掌握TypeScript基本類型的使用； 能熟練在Vue-cli3.0中使用TypeScript
掌握React的JSX語(yǔ)法使用； 掌握React事件綁定的方法； 掌握React組件的定義和通信； 掌握React路由及相關(guān)路由組件的使用方法； 掌握React網(wǎng)絡(luò)請(qǐng)求的使用方法； 熟悉React狀態(tài)管理Flux、Redux的原理和流程； 熟悉React項(xiàng)目?jī)?yōu)化、部署流程
關(guān)注優(yōu)就業(yè)，學(xué)習(xí)更多IT知識(shí)。