首页 > web前端 > html教程 > CSS基础教程之选择器_html/css_WEB-ITnose

CSS基础教程之选择器_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:18:24
原创
1043 人浏览过

分类:WEB前端时间: 2015年9月8日

在CSS中,选择器用于选择需要添加样式的元素,简单的讲,就是确定你要把样式给那个元素。在我们写web前端的时候,选择器的使用是非常频繁的,合理的使用选择器会精简大量的代码。CSS选择器大致的归类为基础选择器和符合选择器两类。

1、基础选择器:

a、html标签选择器:

标签{属性:属性值}

div、p、h1、span……

b、class 类选择器,可以共用重复:

.name {属性:属性值}

标签中有class=”name”的元素

c、id选择器: 唯一性

#name{属性:属性值}

标签中有id=”name”的元素

d、属性选择器

*[title] {属性:属性值}

所有包含标题(title)的元素

e、通配符选择器,所有的元素:

* {属性:属性值}

例:* {margin:0; padding:0}

2、复合选择器

a、 后代选择器:

A B { 属性:属性值}

注:A指父级选择器 B指子级选择器

b、伪类选择器:

a:link {属性:属性值} 默认

a:visited {属性:属性值} 访问过的链接

a:hover {属性:属性值} 鼠标经过

a:active {属性:属性值} 激活状态(选中时的状态)

注:顺序不能错 l v h a,还有一个a {属性:属性值} ,这个也要写,里面放超链接中相同属性,不同属性分别写在不同的伪类选择器中。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板