700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css3常用的结构伪类选择器 如何评价CSS框架TailwindCSS – CSS – 前端 css js更换背景图片

css3常用的结构伪类选择器 如何评价CSS框架TailwindCSS – CSS – 前端 css js更换背景图片

时间:2023-10-04 21:41:35

相关推荐

css3常用的结构伪类选择器 如何评价CSS框架TailwindCSS – CSS – 前端 css js更换背景图片

伪类选择器(简称:伪类)通过冒号来定义,它定义了元素的状态,如点击按下,点击完成等,通过伪类可以为元素的状态修改样式。

伪类的功能和一般的DOM中的元素样式相似,但和一般的DOM中的元素样式不一样,它并不改变任何DOM内容。只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。

不包括

一:css基本选择器有哪些

1.css属性选择器

2.css标签选择器

3.cssID选择器

4.css的通配符

二:css有哪些高级选择器

1.css标签选择器

css标签选择器其实就是页面上的所有类型的标签,大家对经常描述称为共性,对无法描述的称为个性。大家在页面上看到input,div和ul都有可能是选择器,无论这个标签藏得多深,都可能被选择上,并且选择的是所有标签,并不是单单指一个。

2.cssID选择器

css中大家使用#来对名字进行自定义,#是指对一个特殊的标签来使用,并且只能用一次,在任何html标签中,都可以有id属性,但是前提要按照字母开头,更不能用字母去开头,或者和标签同名。还有一些高手建议在css层面上尽量不要使用id。

3.css类选择器

css中类选择器,大家使用.来表示,大家使用类来表示,其实就是比较灵活。class和id是十分相似的,并且同一个标签可以使用很多个类选择器,也可以多种标签使用。

4.css的通配符,可以替换任何标签,目前有些浏览器是不支持使用。

可以使用以下选择器进行CSS样式设置 1. id选择器 在html页面给你要加样式的位置起个id名字比如 id=“a” 那么在CSS页面的话用#a{}进行设置 2. class选择器 在html页面给你要加样式的一个或者多个位置起个class名字比如 class=“a” 那么在CSS页面的话用.a{}进行设置 3. 标签选择器 在CSS页面的话body{}进行设置(body就是标签 body的标签) 4. 伪类选择器 selector : pseudo-class {property: value} 进行一些特定区域的样式设置

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。