css中有什么选择符
小编给大家分享一下css中有什么选择符,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
创新互联建站 - 绵阳主机托管,四川服务器租用,成都服务器租用,四川网通托管,绵阳服务器托管,德阳服务器托管,遂宁服务器托管,绵阳服务器托管,四川云主机,成都云主机,西南云主机,绵阳主机托管,西南服务器托管,四川/成都大带宽,机柜大带宽、租用·托管,四川老牌IDC服务商
什么是css
css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。
css选择符有:1、通配选择符“*”;2、id选择符;3、类选择符;4、标签选择符;5、相邻选择符“E+F”;6、子选择器“E>F”;7、后代选择符“E F”;8、伪类和伪元素选择符,例如“:first”;9、属性选择符。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css选择符(选择器)是用来规定css样式用于哪一个或哪一些dom元素的一种规范。
每一条css样式定义由两部分组成,形式如下:选择器{样式}
在{}之前的部分就是“选择器”。
“选择器”指明了{}中的“样式”的作用对象(dom对象),也就是“样式”作用于网页中的哪些元素。
css选择符(选择器)有哪些?
1、通配选择符( * ):匹配任意元素。
2、id选择符( # myid):匹配 ID 等于“myid”的任意元素 。
3、类选择符(.myclassname):匹配 class 等于“myclassname”的任意元素.
4、标签选择符(div, h2, p):选择指定元素名称的所有元素。
5、相邻选择符(E + F):用于选择(不是内部)指定的第一个元素之后紧跟的元素。
6、子选择符(E > F):用于选取带有特定父元素的元素,例ul > li,选择所有父级是
- 元素的每个
- 元素。(学习视频分享:css视频教程)
7、后代选择符(E F):用于选取元素内部的元素。
8、伪类和伪元素选择符:用于向某些选择器添加特殊的效果。
:active :any-link :blank :checked :current :default :defined :dir() :disabled :drop :empty :enabled :first :first-child :first-of-type :fullscreen :future :focus :focus-visible :focus-within :has() :host :host() :host-context() :hover :indeterminate :in-range:invalid :is() :lang() :last-child :last-of-type :left :link :local-link :not() :nth-child() :nth-col() :nth-last-child() :nth-last-col() :nth-last-of-type() :nth-of-type() :only-child :only-of-type :optional :out-of-range :past :placeholder-shown :read-only :read-write :required :right :root :scope :target :target-within :user-invalid :valid :visited :where() 9、属性选择符:选择带有特定属性的元素。
[attribute]:用于选取带有指定属性的元素。
[attribute=value]:用于选取带有指定属性和值的元素。
[attribute~=value]:用于选取属性值中包含指定词汇的元素。
[attribute|=value]:用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。
[attribute^=value]:匹配属性值以指定值开头的每个元素。
[attribute$=value]:匹配属性值以指定值结尾的每个元素。
[attribute*=value]:匹配属性值中包含指定值的每个元素。
以上是“css中有什么选择符”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
文章标题:css中有什么选择符
当前网址:http://ybzwz.com/article/ipdjio.html