CSS选择器解析
程序员文章站
2022-05-16 09:35:57
css选择器
1.元素选择器:
最常见的选择器就是元素选择器,文本的元素就是最基本的选择器。 例如:h1{}、a{};
2.选择器的分组:
h1,h2{
color:...
css选择器
1.元素选择器:
最常见的选择器就是元素选择器,文本的元素就是最基本的选择器。 例如:h1{}、a{};
2.选择器的分组:
h1,h2{ color:red; }
通配符
*{
color:red;
}
如果未指定某一元素的样式,那么该元素使用通配符样式。
3.类选择器:
类选择器允许以一种独立与文档元素的方式来指定样式; class{};
可以结合元素选择器来进行使用:
例如:a.class{};
a.wangunfei{ }
3.多类选择器:
.class.class{};
4.id选择器:
#id{}
id选择器类似于类选择器,不过也有一些重要差别。
#myp{ color:red; }
id选择器与类选择器的区别:
id选择器在文档中只能使用一次,而类选择器可以使用多次。
id选择器不能结合使用;
当使用js时,需要用到id;
5.属性选择器:
[title]{};
6.后代选择器:
后代选择器可以选择作为某些元素后代的元素;
p strong{ color:fuchsia; }
7.子元素选择器:
与后代选择器相比,子元素选择器只能选择作为某元素子元素的元素;
h1>strong
推荐阅读
-
如何使用CSS3画出一个叮当猫_html/css_WEB-ITnose
-
如何在blur或focusout事件里得到即将得到焦点的元素?另外这两个事件有什么区别?_html/css_WEB-ITnose
-
蒙版 倒影 渐变_html/css_WEB-ITnose
-
怎样制作web版的folder treeview_html/css_WEB-ITnose
-
细化解析:备份MySQL数据库的另类方法_MySQL
-
CSS对话框特效 兼容性好_html/css_WEB-ITnose
-
现在就能投入使用的12个高端大气上档次的CSS3特性_html/css_WEB-ITnose
-
解析PHP实现下载文件的两种方法
-
开发者不能不知的PHP框架深度解析
-
关于ueditor图片上传问题_html/css_WEB-ITnose