你的位置:首页 > 软件开发 > 网页设计 > CSS3选择器——基本选择器

CSS3选择器——基本选择器

发布时间:2016-11-24 19:00:14
CSS是一种用于屏幕上渲染html,我们先来看一个常用的选择器大全列表图: *E.class#IDE FE>FE+FE(attribute)E(attribute=value)E(attribute~=value)E(attribute|=value):first-ch ...

CSS3选择器——基本选择器

CSS是一种用于屏幕上渲染html,

我们先来看一个常用的选择器大全列表图: 

*E.class
#IDE FE>F
E+FE(attribute)E(attribute=value)
E(attribute~=value)E(attribute|=value):first-child
:lang():before::before
:after::after:first-letter
::first-letter:first-line::first-line
E(attribute^=value)E(attribute$=value)E(attribute*=value)
E ~ F:root:last-child
:only-child:nth-child():nth-last-type
:first-of-type:last-of-type:only-of-type
:nth-of-type():nth-last-of-type():empty
:not():target:enabled
:disabled:checked 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

下面我们先看看上表中基本的选择器的使用方法和其所起的作用,为了更好的说明问题,先创建一个简单的DOM结构,如下:

<div class="demo">  <ul class="clearfix">    <li id="first" class="first">1</li>    <li class="active important">2</li>    <li class="important items">3</li>    <li class="important">4</li>    <li class="items">5</li>    <li>6</li>    <li>7</li>    <li>8</li>    <li>9</li>    <li id="last" class="last">10</li>  </ul></div>

原标题:CSS3选择器——基本选择器

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。