CSS和Jquery

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　【CSS】

CSS:

层叠样式表，修改网页样式，比如字体改大一点

CSS选择器：

页面上有很多元素，精确选择某个或某些元素进行样式修改

html主要是结构，css主要是样式，实现样式和结构分离,jquery操作元素

一、选择class是text的元素并修改字体颜色

class选择器（.className）

.text {

　　coloer:yellow;

}

h1~h6：标题，p元素：段落

修改段落颜色

二、选择id是main的元素并修改字体颜色

id选择器(#id)

#main{

　　color:yellow;

}

三、选择p元素并修改字体颜色

元素选择器(tagName)

p{

　　color:yellow;

}

四、选择article下所有的p元素，修改字体大小

后代选择器(Element Element)

article p{

　　color:yellow;

}

五、选择所有的p和a，修改字体颜色

多元素选择器（Element,Element)

#all a, #all p{

　　color:yellow;

}

六、选择div下所有的子p元素，并修改其颜色

子元素选择器(Element > Element)

div > p{

　　color:green;

}

七、选择title中以well开头的元素，修改其字体颜色

属性选择器([attribute^=value])

li[title^=Well]{

　　color:green;

}

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　【Jquery】

• js库
• 帮助我们定位和操作元素
• 支持css选择器

一、使用jquery定位元素

$('css-selector');

二、使用jquery辅助定位百度首页元素

• 定位搜索框
• 定位【百度一下】按钮
• 定位【登录】链接

三、没有jquery库支持时如何调试

纯js解决方案

• document.querySelector(css-selector)
• document.querySelectorAll(css-selector)