什么是css选择器字符串

html-css018

什么是css选择器字符串,第1张

css的选择器是还是比较富的,主要的css选择器如下:

标签选择器(如:body,div,p,ul,li)

.类选择器(如:class="head",class="head_logo")

ID选择器(如:id="name",id="name_txt")

全局选择器(如:*号)

.组合选择器(如:.head .head_logo,注意两选择器用空格键分开)

.继承选择器(如:div p,注意两选择器用空格键分开)

伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)

字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含)

以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器,下面是这三种选择器的基本用法1、标签名选择器 一个XHTML文档中有许多标签,例如p标签,h1标签等。若要使文档中的所有p标签都使用同一个CSS样式,就应使用标签选择器。

1

2

div {color:redborder:1px blue solid}

p {color:#000}

2、类选择器 使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中,XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。

1

2

<div class="test">测试代码</div>

.test {color:redborder:1px blue solid}

3、id选择器,id选择器是唯一的,只可以获取独一无二的一个元素。

1

2

<div id="test">测试代码</div>

#test {color:redborder:1px blue solid}

CSS list-style list-style-type 全部属性值2007-12-31 11:29语法:

list-style-type: disc......

取值:

disc : CSS1 默认值。实心圆

circle : CSS1 空心圆

square : CSS1 实心方块

decimal : CSS1 阿拉伯数字

lower-roman : CSS1 小写罗马数字

upper-roman : CSS1 大写罗马数字

lower-alpha : CSS1 小写英文字母

upper-alpha : CSS1 大写英文字母

none : CSS1 不使用项目符号

armenianl : CSS2 未支持。传统的亚美尼亚数字

cjk-ideographic : CSS2 未支持。浅白的表意数字

georgian : CSS2 未支持。传统的乔治数字

lower-greek : CSS2 未支持。基本的希腊小写字母

hebrew : CSS2 未支持。传统的希伯莱数字

hiragana : CSS2 未支持。日文平假名字符

hiragana-iroha : CSS2 未支持。日文平假名序号

katakana : CSS2 未支持。日文片假名字符

katakana-iroha : CSS2 未支持。日文片假名序号

lower-latin : CSS2 未支持。小写拉丁字母

upper-latin : CSS2 未支持。大写拉丁字母

说明:

* 设置或检索对象的列表项所使用的预设标记。

* 若 list-style-image 属性值为 none 或指定 url 地址的图片不能被显示时,此属性将发生作用。

* 假如一个列表项目的左外补丁( margin-left )被设置为 0 ,则列表项目标记不会被显示。如果要正常显示,左外补丁( margin-left )应该被设置为大约30px或更多。

* 仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。

* 注意: ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。

* 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

* 对应的脚本特性为 listStyleType 。

示例:

ul.in { display: list-itemlist-style-position: inside}

list并不能设置字符长度。。

不过可以通过css嵌套实现。。

这里分享下在css中为字符串中的每一行设置样式的方法。

操作设备:联想电脑

操作系统:win10

代码编辑器:zend studio 10.0

1、首先新建一个html文件,命名为test.html,在test.html文件内,使用p标签创建一行字符,用于测试。

2、在test.html文件内,给p标签添加一个class属性,用于样式的设置。

3、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

4、在css标签内,通过class属性和“:first-letter”选择第一个字符,使用color属性设置它为红色。

5、最后在浏览器打开test.html文件,查看实现的效果。