Selector

Selector

The code is as follows:

    选择器Demo  
这是一个div元素

这是一个p标记

这是第一个span 这是第二个span

Priority without !important NextDepends on who loads it after

Running result display:

微信图片_20180314163113.png

ID Selector

The code is as follows:

    ID选择器  
谁知盘中餐 粒粒皆辛苦

Display effect:

微信图片_20180314163545.png


Other selector function introduction:

    Document  
我要去oschina.net

我要去php.cn

不想被任何样式所影响的span元素

Display effect:

微信图片_20180314165215.png


##The priority judgment of the selector: (/* id100> class 10> label 1 */) depends on who comes after the same Loading:

    选择器优先级  

这是 div 中的 p 的 span

Page display:

微信图片_20180314165910.png


Continue testing:

    选择器优先级  
php中文网

这是 div 中的 p 的 span

Effect display:

微信图片_20180314170931.png

Continuing Learning
||
submit Reset Code
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!