CSS是一种用于屏幕上渲染html,我们先来看一个常用的选择器大全列表图: *E.class#IDE FE>FE+FE(attribute)E(attribute=value)E(attribute~=value)E(attribute|=value):first-ch ...
CSS是一种用于屏幕上渲染html,
我们先来看一个常用的选择器大全列表图:
* | E | .class |
#ID | E F | E>F |
E+F | E(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
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。