Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What are the necessary knowledge points of Css selector

2025-01-16 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

这篇文章主要为大家展示了"Css选择器必备知识点有哪些",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"Css选择器必备知识点有哪些"这篇文章吧。

CSS作用:层叠样式表(Cascading Style Sheets),美化页面,布局页面,修饰元素的外观,修改元素的位置.

CSS基本机构:行内样式,内嵌样式,外联样式(link href="" rel="stylesheet" type="text/css")

CSS基本语法:选择器{ 属性:属性值;}

CSS特性:

样式的优先级特性:行内样式,内嵌样式,外联样式,哪个离得被修饰元素近,哪个修饰就先起到作用 (就近原则)

继承特性:当元素属于父-子关系时,给父类定义一个样式,子类也会继承该样式.

冲突特性:行内样式会和隐含样式冲突,列入b元素加粗,font-weight:normal字体不加粗.会执行后者.

查看选择器以调试bug:f12.

选择器

选择器就是找到文档中某个元素或者某一批元素,用来设置样式.

基本选择器

通用选择器: *{} 设置所有元素样式

类型选择器: 标签名开头{} 例如:div{}

类选择器:标签中定义class之后,以.class{}开头

缩小范围的类选择器:想为多个相同的类中的某一个设置特定的样式可以使用(标签名.classname{}的形式来设置). 例如:div.div1{}

为元素起小名:同样的,想为多个相同的类中的某一个特定的类设置样式可以使用多个小名的形式(class="div1 classname")-->(.div1.classname1{})

id选择器:为元素设置id,然后(#id{}设置样式)

属性选择器:将元素的某一个属性设置为选择器进行比设置样式

属性中的某元素为选择器:[target]{}

属性中某元素的属性值(字符串):[target="_blank"{}]

属性中某元素属性值字符串开头:[target^="_b"]

以上是"Css选择器必备知识点有哪些"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report