CSS3学习笔记-选择器

类选择器 class="className"

.className 选区class为className的元素

p.chassName 选区p标签中class为className的元素

.className1.className2   选取同时拥有.className1和.className2的元素

id选择器 id="id"

p#idName  选取p标签中id为id的元素

标签选择器

p span 选取p标签下的所有span元素

p>span  选取p标签下一级的所有子span元素

p+span 选取p标签的下一个兄弟元素span

p~span 选取p标签后的所有的兄弟span元素

通配选择符

*

p * span  选取所有p的孙子span

a标签href属性设置‘#id’可以导航到同一页面上具有id的标签处,设置‘#’则会返回页面头部

id用于标记页面中的块级元素,类适用于具有相同类型的元素

a标签的伪类选择器 ,推荐在css3中使用::而不是:

a:link

a:hover 悬停

a:visited 访问过

a:active 用户点击时

:focus 获得焦点时的样式

:target a标签href=‘#id’指向同页面的id标识的元素时,设置的样式。

::first-letter 首字母

::first-line首行

::before{ content:''}元素前

::after{content:''}元素后

猜你喜欢

转载自www.cnblogs.com/goOtter/p/9655027.html
今日推荐