css选择符主要是脚本选择符
‘壹’ CSS选择符有哪些
1.id选择器( # myid)
2.类选择器(.myclassname)
3.标签选择器(div, h1, p)
4.相邻选择器(h1 + p)
5.子选择器(ul > li)
6.后代选择器(li a)
7.通配符选择器( * )
8.属性选择器(a[rel = "external"])
9.伪类选择器(a:hover, li:nth-child)【by三人行慕课】
‘贰’ CSS选择符有哪些
}2、类型选择符。是指以网页中已有的标签类型作为名称的选择符,例如body、div、p、span等。div{font-family:Verdana, Geneva, sans-serif; font-size:12px; }所有的页面元素都可以作为选择符。3、群组选择符,如果要对一组对象同时进行相同的样式指派,只需要使用“,”逗号,对选择符进行分割即可。这种方法的优点是对于同样的样式只需书写一次就可以了,减少代码量,改善了CSS代码结构。a:link,a:visited{color:#000; }4、包含选择符对某对象中的子对象进行样式指派。#header{width:300px;}#header top{width:100px; }"header" id下的"top" class。5、id选择符#header{width:300px; }前边是“#”号,id选择符具有唯一性,在页面中不能重复使用。 常见的是header content footer。6、class选择符,比较常用了,可以在页面中重复使用。.title{width:300px; }此外还有这样的写法*html IE6专用hack
‘叁’ css选择符类型有哪些
1、标签选择符:
如p{color:#F00; font-size:36px;},使用<p>直接作用</p>
2、类选择符:
如 .red{color:#C00;},使用<p class="red">直接作用</p>
3、ID选择符:
如 #two{color:#600; font-family:'汉仪行楷简';},使用<p id="two">直接作用</p>
4、包含选择符:
如 p strong{color:#F00;},使用<p><strong>直接作用</strong></p>
5、通配选择符:
如 *{color:#0C0; font-size:18px;},可以控制所有的html元素作用范围很广,但是效率较低
6、选择符分组:
如p,h1,div{color:#F00;font-size:36px;},对p,h1,div都有效
7、标签指定式选择符:
如p#one{ color:#F00;font-size:36px;},只对id为one的p标签有效
8、组合选择符:
将所有选择符类型组合使用
‘肆’ css选择符的选择符分类介绍
1.通配选择符
语法:
* { sRules }
说明:
通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。
假如通配选择符不是单一选择符中的唯一组成,“*”可以省略。
示例:
*[lang=fr] { font-size:14px; width:120px; }
*.div { text-decoration:none; }
2.类型选择符
语法:
E { sRules }
说明:
类型选择符。以文档语言对象(Element)类型作为选择符。
示例:
td { font-size:14px; width:120px; }
a { text-decoration:none; }
3.属性选择符
语法:
E [ attr ] { sRules }
E [ attr = value ] { sRules }
E [ attr ~= value ] { sRules }
E [ attr |= value ] { sRules }
说明:
属性选择符。
选择具有 attr 属性的 E
选择具有 attr 属性且属性值等于 value 的 E
选择具有 attr 属性且属性值为一用空格分隔的字词列表,其中一个等于 value 的 E 。这里的 value 不能包含空格
选择具有 attr 属性且属性值为一用连字符分隔的字词列表,由 value 开始的 E
示例:
h{ color: blue; } /* 所有具有title属性的h对象 */ span[class=demo] { color: red; } div[speed=fast][dorun=no] { color: red; } a[rel~=right] { color:black; } 4.包含选择符语法:E1 E2 { sRules }说明:包含选择符。选择所有被 E1 包含的 E2 。即 E1.contains(E2)==true 。 示例:table td { font-size:14px; }
div.sub a { font-size:14px; }
5.子对象选择符
语法:
E1 > E2 { sRules }
说明:
子对象选择符。选择所有作为 E1 子对象的 E2 。
示例:
body > p { font-size:14px; }
/* 所有作为body的子对象的p对象字体尺寸为14px */
div ul>li p { font-size:14px; }
6.ID选择符
语法:
#ID { sRules }
说明:
ID选择符。以文档目录树(DOM)中作为对象的唯一标识符的 ID 作为选择符。
示例:
#note { font-size:14px; width:120px;}
7.类选择符
语法:
E.className { sRules }
说明:
类选择符。在HTML中可以使用此种选择符。其效果等同于E [ class ~= className ] 。请参阅属性选择符( Attribute Selectors )。
在IE5+,可以为对象的 class 属性(特性)指定多于一个值( className ),其方法是指定用空格隔开的一组样式表的类名。例如:<div class=class1 class2>。
示例:
div.note { font-size:14px; }
/* 所有class属性值等于(包含)note的div对象字体尺寸为14px */
.dream { font-size:14px; }
/* 所有class属性值等于(包含)note的对象字体尺寸为14px */
8.选择符分组
语法:
E1 , E2 , E3 { sRules }
说明:
选择符分组。将同样的定义应用于多个选择符,可以将选择符以逗号分隔的方式并为组。
示例:
.td1,div a,body { font-size:14px; }
td,div,a { font-size:14px; }
9.伪类及伪对象选择符
语法:
E : Pseudo-Classes { sRules }
E : Pseudo-Elements { sRules }
说明:
伪类及伪对象选择符。
伪类选择符。请参阅伪类( Pseudo-Classes )[:link :hover :active :visited :focus :first-child :first :left :right :lang]。
伪对象选择符。请参阅伪对象( Pseudo-Elements )[:first-letter :first-line :before :after]。
示例:
div:first-letter { font-size:14px; }
a.fly :hover { font-size:14px; color:red; }
‘伍’ css选择器有哪些
1、标签选择器(如:body,div,p,ul,li)。
2、.类选择器(如:class="head",class="head_logo") 。
3、ID选择器(如:id="name",id="name_txt")。
4、全局选择器(如:*号)。
5、.组合选择器(如:.head .head_logo,注意两选择器用空格键分开)。
6、.继承选择器(如:div p,注意两选择器用空格键分开)。
7、伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)。
8、字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含) 。
(5)css选择符主要是脚本选择符扩展阅读:
css选择器的基本定义是:每一条css样式定义由两部分组成,形式如下: [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。
说了这么一大段话,其实简而言之,就是要使用css对html页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器,html页面中的元素就是通过CSS选择器进行控制的。
‘陆’ 网页设计中选择符作用在于定义CSS的名称,以便引用。在CSS中主要哪些选择符
因为低版本IE浏览器的存在(不支持部分选择器),所以能用到的并不多。
常用的有:
标签选择器:p{...}(可以是任何标签,这里拿p标签举例)
id选择器:#id{...}
类选择器:.class{...}
父子选择器:.class p{...} 或者 #id .class p{...}(等等)
还有许多选择器器,你可以网络“CSS选择器”来看看详细的解释。
‘柒’ css选择符类型有哪些
1、标签选择符:x0dx0a 如p{color:#F00; font-size:36px;},使用直接作用
x0dx0a2、类选择符:x0dx0a 如 .red{color:#C00;},使用直接作用
x0dx0a3、ID选择符:x0dx0a 如 #two{color:#600; font-family:'汉仪行楷简'},使用直接作用
x0dx0a4、包含选择符:x0dx0a 如 p strong{color:#F00;},使用直接作用
x0dx0a5、通配选择符:x0dx0a 如 *{color:#0C0; font-size:18px;},可以控制所有的html元素作用范围很广,但是效率较低x0dx0a6、选择符分组:x0dx0a 如p,h1,div{color:#F00;font-size:36px;},对p,h1,div都有效x0dx0a7、标签指定式选择符:x0dx0a 如p#one{ color:#F00;font-size:36px;},只对id为one的p标签有效x0dx0a8、组合选择符:x0dx0a 将所有选择符类型组合使用